SeeJS允许您可视化任何网页后面的javascript代码。
要使用此扩展程序,请导航至您选择的网页,然后单击浏览器顶部的蓝色圆圈图标。等待扩展名获取该页面上定义的所有javascript源文件。加载后,将列出每个脚本,并按大小对它们进行颜色编码。您可以选择要可视化的文件和内联脚本。默认情况下,将选择所有源文件,但不会选择内联脚本。单击GO解析代码并构建可视化。请注意,具有大量代码库的网站(例如Facebook)最多可能需要2分钟来处理,并且会创建缓慢而笨拙的可视化文件。在处理过程中,扩展程序图标将显示为红色。
代码处理完成后,将打开带有可视化内容的新选项卡。每个圆圈代表一个功能。白色圆圈是匿名函数,而命名函数由其源文件进行颜色编码。圆的大小取决于所表示函数的大小。将鼠标悬停在圆圈上会在工具提示中显示功能名称。缩放和平移以浏览可视化。
单击顶部导航栏中的代码”链接以打开JavaScript编辑器,以查看未缩小的源代码。单击可视化中的圆圈将在编辑器中显示该函数的源代码。相反,在编辑器中单击某个功能将在可视化中突出显示该功能。
请享用!