简单来说,你代码里所依赖的资源,都会出现在这里。结论:你可以直接插入script标签,执行js加载资源。source里就会显示你script引入的某个域下的资源(前提是成功引入)。我们常说的单页应用往往就是这么玩的,通过加载一个chunk.js,该网页下的大部分资源就都引入了。先了解下source:page这里展示的是浏览器当前的tab页签下加载的所有网页资源。这些资源可能是当前这个网站所属域下的,也可能是其他域下的。当前域下的能理解,就是当前网站自己的资源(js/css/image/font等等)。而其他域,可能是浏览器插件、云分析服务(谷歌、百度)、CDN等等,这取决于当前网站,是否通过js主动加载了其他内容,或者被动注入了js而引入了其他域下的资源。以思否举例,除了思否自己域下的资源,还有浏览器插件的资源。之所以会有浏览器插件的资源,是因为该插件在当前网页下注入了自己的js代码。同理,这里出现了谷歌分析的资源,也是由于插入了js代码。
简单来说,你代码里所依赖的资源,都会出现在这里。
结论:你可以直接插入script标签,执行js加载资源。source里就会显示你script引入的某个域下的资源(前提是成功引入)。我们常说的单页应用往往就是这么玩的,通过加载一个chunk.js,该网页下的大部分资源就都引入了。先了解下source:
page这里展示的是浏览器当前的tab页签下加载的所有网页资源。这些资源可能是当前这个网站所属域下的,也可能是其他域下的。当前域下的能理解,就是当前网站自己的资源(js/css/image/font等等)。而其他域,可能是浏览器插件、云分析服务(谷歌、百度)、CDN等等,这取决于当前网站,是否通过js主动加载了其他内容,或者被动注入了js而引入了其他域下的资源。
以思否举例,除了思否自己域下的资源,还有浏览器插件的资源。之所以会有浏览器插件的资源,是因为该插件在当前网页下注入了自己的js代码。
同理,这里出现了谷歌分析的资源,也是由于插入了js代码。