chrome dev tool 中 sourse 页面的云图标这项是可以通过JavaScript添加吗?

image.png

chrome dev tool 中 sourse 页面的云图标这项是可以通过JavaScript添加吗

阅读 1.2k
1 个回答

简单来说,你代码里所依赖的资源,都会出现在这里。
结论:你可以直接插入script标签,执行js加载资源。source里就会显示你script引入的某个域下的资源(前提是成功引入)。我们常说的单页应用往往就是这么玩的,通过加载一个chunk.js,该网页下的大部分资源就都引入了。先了解下source:

page这里展示的是浏览器当前的tab页签下加载的所有网页资源。这些资源可能是当前这个网站所属域下的,也可能是其他域下的。当前域下的能理解,就是当前网站自己的资源(js/css/image/font等等)。而其他域,可能是浏览器插件、云分析服务(谷歌、百度)、CDN等等,这取决于当前网站,是否通过js主动加载了其他内容,或者被动注入了js而引入了其他域下的资源。

以思否举例,除了思否自己域下的资源,还有浏览器插件的资源。之所以会有浏览器插件的资源,是因为该插件在当前网页下注入了自己的js代码。
同理,这里出现了谷歌分析的资源,也是由于插入了js代码。

image.png

image.png

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏