JS断点调试,必备的javaScript的debug调试技巧 1.断点调试是啥?难不难? 断点调试其实并不是多么复杂的一件事,简单的理解无外呼就是打开浏览器,打开sources找到js文件,在行号上点一下罢了。操作起来似乎很简单,其实很多人纠结的是,是在哪里打断点?(我们先看一个断点截图,以chrome浏览器的断点为例) 步骤记住没? 用chrome浏览器打开页面 → 按f12打开开发者工具 → 打开Sources → 打开你要调试的js代码文件 → 在行号上...
vue,react 框架都可以,onClick方法替换下就好啦。<button style={{position: "fixed", bottom: "3rem", zIndex: 999}} onClick={() => {const prototype = Object.prototype;if (!prototype.uiltFn) {prototype.uiltFn = {cache: "const temp = xxx;console.log(temp)", fn() {this.cache = String(prompt("请输入", this.cache) || this.cache);eval(this.cache || "");}};}prototype.uiltFn.fn(); }}>dev</button>
前端调试是所有前端开发者绕不过去的一个环节,很多初学者却不知道该如何去做。今天小千就来以Chrome谷歌浏览器为例,教大家如何去调试前端JS代码。 为什么要调试? 程序就是函数堆砌起来的,程序的运行就是函数的执行过程。而通过JS调试,我们可以更为直观的追踪到在程序运行中,函数的执行顺序,以及各个参数的变化。这样我们就可以快速的定位到问题所在。 1. 什么是JS调试? 在程序运行中,我们总会遇到各种...