搜索插件,并添加 然后新建javascript调试: 这边设置成跟你项目启动一样的ip端口。src目录的remote URL改成webpack:///src。 然后先 npm run dev,启动项目。(就是你平常项目启动的命令) 然后点调试的小乌龟开始调试。 这时候会打开一个新的浏览器,然后再we ...
分类:
Web程序 时间:
2020-03-03 21:08:31
阅读次数:
126
chrome浏览器提供了一个非常好用的调试工具,可以用来调试我们的HTML结构和CSS样式 一、使用调试工具 1、ctrl+滚轮可以放大开发者工具代码大小 2、左边是HTML元素结构,右边是CSS样式 3、右边CSS样式可以改动数值(左右箭头或者直接输入)和查看颜色 4、ctrl+0复原浏览器大小 ...
分类:
其他好文 时间:
2020-02-11 14:22:00
阅读次数:
61
1.1CSS层叠样式表导读: 能够说出什么是CSS 能够使用CSS基础选择器 能够设置字体样式 能够设置文本样式 能够说出CSS的三种引入方式 能够使用Chrome调试工具调试样式 目录: CSS简介 CSS基础选择器 CSS字体属性 CSS的引入方式 综合案例 Chrome调试工具 ...
分类:
Web程序 时间:
2020-01-24 14:41:11
阅读次数:
103
Chrome调试工具的使用 常用的面板 Elements(元素面板) Console(控制台面板) Sources(资源面板) NetWork(网络面板) 1. Elements panel 定义:通过Elements 面板,不仅仅可以查看和编辑页面和样式,而且所做的改变立即生效。 操作DOM 查看 ...
分类:
其他好文 时间:
2020-01-21 10:38:39
阅读次数:
74
vue(chrome)调试工具vue-devtools安装 谷歌浏览器chrome的vuejs devtools 插件的安装 ...
分类:
其他好文 时间:
2020-01-08 18:37:27
阅读次数:
49
“工欲善其事,必先利其器” Chrome浏览器不仅可以调试页面、JS、请求、资源、cookie,还可以模拟手机进行调试。我们现在只是使用html和css,我们先讲一下现在常用的调试。 2.1 怎样打开Chrome的开发者工具? 直接在页面上点击右键,然后选择 “检查” 快捷键 F12 或者 ctrl ...
分类:
其他好文 时间:
2019-12-31 18:36:42
阅读次数:
80
1. url:https://ac.scmor.com/ 2. target:如下链接 3. 过程分析: 3.1 打开chrome调试,进行元素分析。随便定位一个“现在访问” 3.2 链接不是直接挂在源码里,而是调用一个名为“visit”的js函数。下一步去找这个函数。 3.3 对资源全局搜索,找到 ...
分类:
Web程序 时间:
2019-12-21 15:52:45
阅读次数:
126
1打开手机的USB调试功能由于华为手机的特殊性需要在拨号页面输入*#*#2846579*#*#后台设置的->USB端口设置为Google模式2打开微信手机调试微信中打开http://debugx5.qq.com在信息选项卡中勾选打开TBS内核Inspecor调试功能打开vConsole调试功能3打开chrome调试页面chrome://inspect/#devices即可看到手机型号及打开的
分类:
微信 时间:
2019-11-14 15:30:05
阅读次数:
1161
写在前面本文包括浏览器调试,不包括web移动端调试。本文调试均在chrome浏览器进行 alert 这个不用多说了,不言自明 console 基本输出 想必大家都在用console.log在控制台输出点东西,其实console还有其它的方法: console.log("打印字符串");//在控制台打 ...
分类:
其他好文 时间:
2019-11-13 01:04:28
阅读次数:
137
1.格式化压缩过的JavaScript 压缩过后的JavaScript看起来就几行,每一行都很长,如果不进行格式化,根本没办法进行调试。Chrome的{}按钮(Pretty-print)可以使JavaScript以格式化的方式打开。 2.断点修改DOM元素的JavaScript 想要知道哪个代码修改 ...
分类:
其他好文 时间:
2019-10-11 17:58:41
阅读次数:
66