别问我为什么上汤不热（猥琐脸），友尽！ 正经事 Tumblr 分享成功会有这么个动画，觉得挺有意思，就扒出来看了看…… 第一感觉以为是 canvas 绘制的，后来发现居然是原生DOM操作，嘿嘿，我就喜欢这种！ ![原图][1] 首先自然是去找 DOM 结构，Chrome 调试出来结果如下： 就是普通 ...
分类：
其他好文 时间：
2018-10-13 20:23:18
阅读次数：
211
可通过workspaces来编辑本地文件 workspaces是Chrome DevTools的一个强大功能，这使DevTools变成了一个真正的IDE。Workspaces会将Sources选项卡中的文件和本地项目中的文件进行匹配，所以你可以直接编辑和保存，而不必复制/粘贴外部改变的文件到编辑器。 ...
分类：
其他好文 时间：
2018-09-27 15:35:27
阅读次数：
252
console 基本输出 想必大家都在用console.log在控制台输出点东西，其实console还有其它的方法： 注意上面输出的error和throw出的error不一样，前者只是输出错误信息，无法捕获，不会冒泡，更不会中止程序运行。 格式化输出 除此以外，console还支持自定义样式和类似c ...
分类：
其他好文 时间：
2018-09-27 15:30:01
阅读次数：
205
1.在Chrome打开chrome://flags/#enable-devtools-experiments 2.激活Developer Tools experiments 3.重启Chrome 4.调试模式执行js 5.打开Chrome开发者工具，点击左上角绿色按钮（Open dedicated ...
分类：
Web程序 时间：
2018-09-18 19:23:39
阅读次数：
171
打开微信，设法打开网址 http://debugx5.qq.com （推荐直接把这个网址发给文件传输助手，然后就可以直接打开链接了） 在打开的网页中选择 【信息】->【TBS settings】，勾选 【是否打开 TBS 内核 Inspector 调试功能】 微信提示需要重启，点击重启 Paste_ ...
分类：
微信 时间：
2018-09-12 01:07:29
阅读次数：
367
写在前面本文包括浏览器调试，不包括web移动端调试。本文调试均在chrome浏览器进行 alert 这个不用多说了，不言自明 console 基本输出 想必大家都在用console.log在控制台输出点东西，其实console还有其它的方法： console.log("打印字符串");//在控制台打 ...
分类：
其他好文 时间：
2018-09-05 20:03:39
阅读次数：
983
1. 在chrome地址栏输入：chrome://inspect/ 2.手机插入电脑USB口，打开开发者选项，OK，可以了。 友情链接：http://www.cnblogs.com/slmk/p/7591126.html ...
分类：
移动开发 时间：
2018-08-04 13:40:41
阅读次数：
161
Chrome调试面板 Chrome 开发者工具是一套内置在Google Chrome中Web开发和调试工具。使用开发者工具来重演，调试和剖析您的网站。其中常用的有Elements(元素面板)、Console(控制台面板)、Sources(源代码面板)、Network(网络面板)。在Sources面板 ...
分类：
其他好文 时间：
2018-07-31 22:07:26
阅读次数：
142
1. 下载chrome的扩展程序包 github地址：https://github.com/vuejs/vue-devtools 2. 下载完成后，解压到先关文件夹下。进入vue-devtools文件夹，开始安装项目所需依赖包 命令：npm install (如果有国内镜像环境，直接cnpm ins ...
分类：
其他好文 时间：
2018-07-24 19:26:11
阅读次数：
211
