1949啦网--小小 痛苦,是因为能力和欲望不匹配造成的

本地修改js并生效的方法

js作为客户端语言(当然它也可以作服务端语言),非常强悍,一般情况下,我们都是在开发阶段不停的改,然后上线之后就作为稳定运行的代码。

  然而有时候可能因为js写得有问题,导致上线后,某些功能无法使用,这就悲催了,而且一般的公司上线应该都不会很容易。

  那么对于这种js一类的修改,如果能在本地临时生效,做一些紧急问题的修复,就很重要了。(我也是遇到这个坑,只要把这次临时问题修复,等下一个功能代码要上线时,再修复也是可以的)

  那么,怎样做到本地修改js文件,从而达到代码运行ok的效果呢? 本文将会给出多种解决方案:

一、 使用fiddler拦截请求更改参数!!!

  如果是因为某些必要参数传递不对,从而导致服务端无法正常运行,那么我们可以直接拦截请求,修改参数,再次发送到服务端,从而规避该问题。

  这种情况一般发生在使用ajax访问服务端程序时出现,比如某个值因为某种原因,导致js发送ajax请求时,少了某个必要参数,从而导致服务端报参数错误。

  具体解决办法就是:下载并安装http调试神器fiddler, 设置对该站点的拦截请求如: bpu http://xxx.com, 在拦截到后,添加该必要参数,点击继续请求,从而达到通过服务端验证的需求,如果要求多次操作,那么还可以设置自动修改拦截请求参数的设置,具体方法请自行研究fiddler自动拦截请求方法。

  当然了,这种请求主要针对http协议,对于https还是显得有些为难的,这也是为什么https会如此受追棒的原因吧。

二、 通过使用浏览器插件Tampermonkey,动态修改js代码!!!

  如果需要修改处理逻辑较多,那么,可以借助Tampermonkey插件,直接覆盖某js文件,从而达到请求更改的处理。页面部分处理如下:

   主要填写需要替换的js文件的路径,然后写需要覆盖的js逻辑,保存,刷新即可生效。

三、 直接通过控制台运行代码,覆盖原有代码生效!!!

  我平时主要使用控制台来计算一些自己试验性质的代码,但是后来我发现,这个功能完全可以覆盖到真正生产中的代码里去。

  比如有一个按钮的监听事件(假设使用jquery写的)

$('#id').on('click', function() {

    alert(111);

 }); 

  那么,如果,如果我想改怎么办? 解决为,直接在控制台重新注册该事件即可,即运行:

$('#id').off().on(function() {

     alert('my alert');

 });

这样,当点击该按钮时,就会生效为后面代码的功能了。

  注意这里有一事件冒泡的问题,一定要先解绑事件,再注册事件,否则会有多个事件响应。

  那么,对于函数一类呢,则是直接以相同的函数名称重写方法即可,而根据js的运行原理,即会运行你后面写的方法。

  好了,本地修改js并生效的方法,大概就说到这里,个人感觉也够用了。

  js作为客户端语言确实很方便,尤其是明白了发一次上线代码不容易之后。有时真能解燃眉之急!!!

  另作声明: 虽然js可以方便本地更改js生效,但是这并不意味着js显得太不安全了,因为这里所有的操作都是以在你本机上操作为基础前提的,也就是说你会为你所有的更改负责,而不是js为你的安全买单!

原文链接:https://www.qiquanji.com/post/7552.html

本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。

微信扫码关注

更新实时通知

作者:xialibing 分类:网页教程 浏览: