谷歌chrome浏览器sources修改代码调试
时间:2024年04月18日
/来源:网络
/编辑:佚名
谷歌chrome浏览器sources修改代码调试
此功能将代码保存本地,每次请求会将本地代码覆盖新请求的代码。
修改本地代码实现的调试。
1. 配置
1.1 选个文件夹存代码
1.单击Sources
2.单击Overrides
3.单击Select folder for Overrides
4.选一个文件夹保存代码用

1.2 允许
提出提示:DevTools 请求获得对C:\Users\xxxxx\Downloads\WebCodeTest\的完整访问权限。请确保您不会泄露任何敏感信息。允许or拒绝?
选择允许

1.3 开关
使用开关:本地代码覆盖新请求的代码
Enable Local Overrides前面打勾,允许覆盖

2. 使用
2.1 代码保存本地
Sources->Page,然后选中要调试的页面比如index
1.右击 index
2.保存js到本地 Save for overrides

2.2 编辑
编辑完,ctrl+s保存,刷新页面
此功能将代码保存本地,每次请求会将本地代码覆盖新请求的代码。
修改本地代码实现的调试。
1. 配置
1.1 选个文件夹存代码
1.单击Sources
2.单击Overrides
3.单击Select folder for Overrides
4.选一个文件夹保存代码用

1.2 允许
提出提示:DevTools 请求获得对C:\Users\xxxxx\Downloads\WebCodeTest\的完整访问权限。请确保您不会泄露任何敏感信息。允许or拒绝?
选择允许

1.3 开关
使用开关:本地代码覆盖新请求的代码
Enable Local Overrides前面打勾,允许覆盖

2. 使用
2.1 代码保存本地
Sources->Page,然后选中要调试的页面比如index
1.右击 index
2.保存js到本地 Save for overrides

2.2 编辑
编辑完,ctrl+s保存,刷新页面

新闻资讯 更多