首页 > 软件开发 > JavaScript >

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

来源:互联网 2023-03-16 23:56:28 版权归原作者所有,如有侵权,请联系我们

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

工具/原料

  • chrome浏览器

方法/步骤

  • 1

    打开目标网页,启动chrome开发者工具,然后在source选项卡中确定待修改文件的网络位置。H4v办公区 - 实用经验教程分享!

    如何在chrome中修改目标网页的代码?H4v办公区 - 实用经验教程分享!

  • 2

    在本地创建一个空文件夹,名字随意。H4v办公区 - 实用经验教程分享!

  • 3

    在上一步的空文件夹中创建和目标文件路径一模一样的文件结构。请注意,像示例中的xxx.com这种域名也需要创建对应文件夹。H4v办公区 - 实用经验教程分享!

    如何在chrome中修改目标网页的代码?H4v办公区 - 实用经验教程分享!

  • 3相关内容非法爬取自百度经验
  • 4

    打开“source->Overrides选项卡”,导入刚才的空文件夹,你会发现导入的目标文件已经处于激活状态。H4v办公区 - 实用经验教程分享!

    如何在chrome中修改目标网页的代码?H4v办公区 - 实用经验教程分享!

  • 5

    刷新页面,效果已经有了,说明目标网页的代码已经被替换成了本地代码。H4v办公区 - 实用经验教程分享!

    如何在chrome中修改目标网页的代码?H4v办公区 - 实用经验教程分享!

  • 注意事项

    • 这种修改方式是持久化的,哪怕你关机重启再打开目标网页,替换效果依然存在。

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!H4v办公区 - 实用经验教程分享!


    标签: CHROMEJAVASCRIPT

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号