Chrome 开发者工具 版本 65 新引入的 Overrides-阿里云开发者社区

开发者社区> jerrywangsap> 正文

Chrome 开发者工具 版本 65 新引入的 Overrides

简介: Chrome 开发者工具 版本 65 新引入的 Overrides
+关注继续查看

What’s New In DevTools Chrome 65


local overrides

Local Overrides 允许您在 DevTools 中进行更改,并在页面加载期间保持这些更改。 以前,当您重新加载页面时,您在 DevTools 中所做的任何更改都会丢失。 本地覆盖适用于大多数文件类型,但有几个例外。


工作原理:


(1) 您指定 DevTools 应保存更改的目录。

(2) 当您在 DevTools 中进行更改时,DevTools 会将修改后的文件的副本保存到您的目录中。

(3) 当您重新加载页面时,DevTools 提供本地的、修改过的文件,而不是网络资源。


对远端文件无效,会收到警告消息:


image.png



其他的局限性:


(1) DevTools 不会保存在 Elements 面板的 DOM 树中所做的更改。 改为在“源”面板中编辑 HTML。


(2) 如果您在“样式”窗格中编辑 CSS,并且该 CSS 的源是 HTML 文件,则 DevTools 将不会保存更改。 改为在“源”面板中编辑 HTML 文件。


版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
Chrome 开发者工具 live expression 的用法
Chrome 开发者工具 live expression 的用法
10 0
Angular http client发起的请求在Chrome开发者工具network标签页里观察到的界面
Angular http client发起的请求在Chrome开发者工具network标签页里观察到的界面
5 0
使用 Chrome 开发者工具的 lighthouse 功能分析 web 应用的性能问题
使用 Chrome 开发者工具的 lighthouse 功能分析 web 应用的性能问题
16 0
关于低代码开发工具的思考
低代码开发工具研发的蓬勃兴起跟目前的业务软件开发现状息息相关,目前,信息管理系统的研发需求成爆炸式增长,其软件规模和复杂程度不断提高,业务系统开发随着复杂度的提高,开发的代码重复度越来越高,开发效率直线下降,人力成本越来越高,而很多的研发工作都可以用低代码开发工具所替代,从而得到解决目前困境的方法。本文通过对信管通低代码开发平台研发过程的所思所想,提出自己的一些观点,供同行商榷。
649 0
+关注
2628
文章
0
问答
来源圈子
更多
+ 订阅
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载