养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

如何在chrome中修改目标网页的代码

时间:2024-10-17 13:34:35

有时候我们需要去研究人家网站的运行机制,这就免不了要螅岔出礤在他们的前端脚本里插入一些调试代码看看运行效果。这篇经验就介绍一下“在chrome中实时修改目标网页的代码”方法。

工具/原料

chrome浏览器

方法/步骤

1、打开目标网页,启动chrome开发者工具,然后在source选项卡中确定待修改文件的网络位置。

如何在chrome中修改目标网页的代码

2、在本地创建一个空文件夹,名字随意。

3、在上一步的空文件夹中创建和目标文件路径一模一样的文件结构。请注意,像示例中的xxx饱终柯肢.com这种域名也需要创建对应文件夹。

如何在chrome中修改目标网页的代码

4、打开“source->Overrides选项卡”,导入刚才的空文件夹,你会发现导入的目标文件已经处于激活状态。

如何在chrome中修改目标网页的代码

5、刷新页面,效果已经有了,说明目标网页的代码已经被替换成了本地代码。

如何在chrome中修改目标网页的代码

© 一点知识