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

 时间:2024-10-17 15:32:47

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

工具/原料

chrome浏览器

方法/步骤

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

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

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

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

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

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

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

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

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

炸鸡翅 少油 Illustrator中怎么将文字转曲 闲鱼如何查找尺码小助手? 如何将ps中的图形形状转移到ai中 怎么做斑点效果的人物图形
热门搜索
动漫语录 动漫电影网 画框图片 通体砖图片 短中发烫发发型图片