如何在DOM中"升级"jQuery版本?

Jer*_*nch 5 javascript jquery google-chrome google-chrome-devtools

在与客户端现场时,我提议升级客户端正在使用的jQuery版本(即,从jQuery 1.5到1.11).客户端很少担心他们的TimeGlider版本与新的jQuery不兼容.我对TimeGlider并不熟悉,所以他们浏览(与Chrome一起)到TimeGlider的页面向我演示.

我以为我会使用开发人员工具来"升级"DOM的jQuery库,立即解决问题.我知道一种导入jQuery 1.11库的方法,但是这种技术需要一种简单的方法来首先删除旧的jQuery版本.也许有更好的方法.

当然,在源代码中进行编辑是微不足道的,但我真的想通过开发人员工具在DOM中进行编辑.

如何在DOM中"升级"jQuery版本?

Kon*_*nel 16

  • 转到Sources选项卡.
  • 找到jQuery文件(cmd+ p/ ctrl+ p).
  • 在脚本的第一行(非注释)行中添加断点.
  • 重新加载页面.
  • 执行停止时,选择文件的全部内容并将其替换为jquery-1.11.0.min.js的内容.
  • 保存更改(cmd+ s/ ctrl+ s).
  • 文件将重新编译,网站将运行jQuery 1.11.0.

重新编译的jQuery版本

  • @JeromyFrench TBH我刚才想到了:)我想到的另一个解决方案是创建一个扩展,只要浏览器请求这个特定的jquery.js文件就返回jQuery 1.11([开始的好地方](https:/ /developer.chrome.com/extensions/webRequest#type-BlockingResponse)).或使用任何代理应用程序,例如[Charles](http://www.charlesproxy.com/). (2认同)
  • 好吧,您已经教会了我一个新的,功能强大的开发人员工具功能.谢谢. (2认同)