html - 想知道是否有办法找到与渲染相关的代码

Question

我是一名新员工，我的任务是创建一个类似于他们网站上已有的图表。我知道如何创建它，但是我在代码中找不到渲染另一个图表的位置（即 render() ），有什么方法可以在浏览器的帮助下找到它？还是我必须简单地在源代码中手动搜索它？该网站正在使用打字稿。

标签： htmltypescript

Answer 1

您必须使用命中和试用方法。

1. 在 Chrome 中打开图表显示的网站页面。

2. 打开开发者控制台（在 Windows Chrome 中按 ctrl+shift+i 或 F12）。

3. 使用检查按钮 (ctrl+shift+c) 将鼠标悬停在图表上。在元素选项卡中，您将看到该图表的特定 div。

从那时起，您必须找到与图表相关的 div、id、css 和脚本。