利用f12开发者工具在线调试网站js

释放双眼,带上耳机,听听看~!

在很多时候,我们可能需要调试前端的js,但是如果非本地项目,根本没法直接修改js进行调试,但是我们可以利用浏览器的开发者工具,进行修改js并调试 

首先我们随便找一个网站: https://www.easyswoole.com/Preface/intro.html

打开f12,点击sources,点击overrides:

利用f12开发者工具在线调试网站js

点击 select folder for overrides ,选择一个本机的文件夹做浏览器的文件映射:

将会弹出允许获得文件访问权限的弹窗,点击确认

利用f12开发者工具在线调试网站js

将显示:

利用f12开发者工具在线调试网站js

在soures中找到你需要修改的js文件:

利用f12开发者工具在线调试网站js

由于很多代码都会进行压缩,所以我们可以先点击上面的prety-print进行格式化:

利用f12开发者工具在线调试网站js

将格式化的代码全选复制,复制到原有js中:

利用f12开发者工具在线调试网站js

现在,我们加点自己的东西,比如console.log("仙士可牛逼");

利用f12开发者工具在线调试网站js

点击ctrl+s或者右键菜单保存:

利用f12开发者工具在线调试网站js

直接刷新页面,浏览器将从本地加载此js文件:

利用f12开发者工具在线调试网站js

转自仙士可博客www.php20.cn

前端

监控页面滑到底部加载事件的jq

2022-3-3 12:16:02

前端

ajaxfileupload上传文件和报错syntaxerror: Unexpected end of input(…)

2022-3-3 13:06:19

搜索