【背景】
这件事开始是在6个月以前吧,看到大牛在浏览器中调试web,通过前一段时间的运用证实了自己当时看到之后没有立刻将这种浏览器调试web的方式运用到自己的编程中来的那种愚昧,同时也体现出来自己思维中欠缺的东西,并挖掘出禁锢自己将来发展的力量。
【介绍】
浏览器中调试web,就是在浏览器中按F12出来之后,再特定的地方通过临时写js代码,来达到自己调试的效果,完全不用自己再去程序中写入js代码编辑,执行,再测试,这样一种效率的提高,我可以用是一个质的变化来形容。
并且用这样的方式,你还可以突破自己未知的领域,怎么我这样说呢,其实凡是写过代码的人都知道,想要通过js获取页面中的任何一个元素,或者获取后台返回的对象、json串、值中任何一个元素或者对象,都需要知道其中js中方法的调用,或者明白后台返回的东西的值;通过浏览器中写入js代码,让页面中的元素以对象的形式打印出来,之后你看着,想取什么就取什么,也可以将后台传过来的东西打印出来,之后无论你怎么操作都会非常方便的O(∩_∩)O~
【运用】
相信读者看了小编上面的介绍,肯定会很乱的,不怕,只要你去真正运用几次,相信你会爱上它的O(∩_∩)O~
打开浏览器之后,按F12,通过图片中的方法,将最下面可以输入内容的框调出来,让你需要监视的js代码经过之后,再这个小框中输入相应的js代码来显示对应的效果,以及在这里输入js方法获取页面中任何一个元素,那么你就可以对其进行任何操作了O(∩_∩)O~
相比你写入js,编译,执行,再调试得来的效率可想而知O(∩_∩)O~
【示例】
下面主要以火狐浏览器为主,任何一款浏览器都可以进行这样的操作,直接看下图:
下面是谷歌和360浏览器如何将这个调试框调出来的方法:
【感受】
真正用它进行调试之后,我提高的不仅仅是效率的问题,一些我不会,不懂如何获取页面中的元素的方式也可以完全解决很多web中的问题了,开心之余,思考了自己学习共工作的方式。
总结一点就是,对工具的运用很重要,对自己思想禁锢的解除更重要,加油O(∩_∩)O~