作为前端开发者都知道,快捷键F12可以打开chrome调试工具.firefox可以打开firebug工具.“工欲善其事,必先利其器”,对调试工具的掌握,能大大提高我们调试代码的效率.因为我平常chrome用的多,这里就大概介绍下chrome调试工具在windows下的使用,firefox的话就暂时不做介绍. 快捷键 ctrl+o 在Sources面板中打开一个文件(JS,CSS)ctrl+p 同ctrl+octrl+f  查找当前文件中的关键字ctrl+shift+f 全局查找关键字ctrl+s

   1. [Ctrl+Shift+B]:在当前行设置断点或取消设置的断点.    2. [F11]:调试最后一次执行的程序.    3. [Ctrl+F11]:运行最后一次执行的程序.    4. [F5]:跟踪到方法中,当程序执行到某方法时,可以按[F5]键跟踪到方法中.    5. [F6]:单步执行程序.    6. [F7]:执行完方法,返回到调用此方法的后一条语句.    7. [F8]:继续执行,到下一个断点或程序结束.

Ctrl+Shift+I调出开发者工具 Ctrl+R刷新(界面显示不清楚,刷新后变清楚)

Eclipse调试DEBUG时快速查看某个变量的值的快捷键 Ctrl + Shift + i

这篇文章主要介绍了使用Chrome调试JavaScript的断点设置和调试技巧,需要的朋友可以参考下 你是怎么调试 JavaScript 程序的?最原始的方法是用 alert() 在页面上打印内容,稍微改进一点的方法是用 console.log() 在 JavaScript 控制台上输出内容.嗯~,用这两种土办法确实解决了很多小型 JavaScript 脚本的调试问题.不过放着 Chrome 中功能越发强大的开发者工具不用实在太可惜了.本文主要介绍其中的 JavaScript断点设置和调试功能,

看见网上很多人问怎么用chrome调试JavaScript代码,我也对这个问题抱着疑问,但是没有找到一篇能用的中文文章(可能我的google有问题),也不知道怎么点出一篇E文的,感觉作者写得不错,所以尽量按照原来的风格弄一篇中文的,希望对和我一样存在疑问的朋友有所帮助.如果高手路过,下面留言指点,或给与相关学习链接,谢谢. 下面我将通过一个例子让大家对chrome的调试功能有个大概的认识. 几个存在的bug:    我发现调试功能中有个小bug(作者发现的),尤其是在打开调试窗口时打开控制窗口,

Chrome 调试技巧 1.alert 这个不用多说了,不言自明. 可参考:https://www.cnblogs.com/Michelle20180227/p/9110028.html 2.console 基本输出 想必大家都在用 console.log 在控制台输出点东西,其实console还有其它的方法: 1.console.log("打印字符串");//在控制台打印自定义字符串 2.console.error("我是个错误");//在控制台打印自定义错误信息

今天对chrome调试又进行了系统的学习. Chrome调试工具developer tool技巧 把以前没有使用过的功能列举一遍. 伪类样式调试:伪类样式一般不显示出来,比如像调试元素hover的样式怎么办,看图勾选即可 颜色表示转换:用颜色的名称;以十六进制数;以RGB整数设置颜色;以RGB百分数设置颜色.Shift+click即可切换另一格式. 命令断点调试 使用“debugger;”语句在代码中加入强制断点. 需要断点条件吗?只需将它包装它在IF子句中: if (somethingHapp

今天有个同事问到我用chrome调试动态加载js的问题,这个问题之前遇到过,只是时间有点长了,有些忘记.在这里做一下记录: 在要调试的源码的后面加上 //@ sourceURL= debug.js 注释. 这样子,当浏览器检测到这个标记的时候,就会在脚本列表中列出debug.js作为源码的文件,同样,你可以在上面打断点,查看变量名之类的操作.

一.背景: 产线机器出bug,不能重启服务,需要保留现场,问题不好排查,只能靠远程debug. 二.实现步骤 1. 登录远程机器执行如下命令,nodePid为node服务的pid kill -usr1 nodePid #此命令不会重启服务 2. 本地执行,映射远程服务9229端口到本地端口9220,后续chrome调试使用 ssh -L 9220:localhost:9229 username@40.xxx.xx.xxx 3. 本地机器,chrome打开 chrome://inspect/,配置

一. 用chrome来调试 1)运行node的时候,带上 --inspect-brk=9999 node --inspect-brk= index.js 2)打开chrome调试管理页面 3)如果没有对应的端口,就添加上 4)添加上后,发现target多了一个,说明监听成功了,按inspect 5)就可以像平常一样,快乐地调试了 ps:值得一提的是,有时候我们需要调试一些形如 vue-cli-service 这种工具 这个时候我们根本无从下手,没办法传 --inspect-brk 这个参数:这个

stark 通过“菜单”->“工具”->“检查设备”打开设备检查页面,只显示了设备名称,却没有inspect按钮,要怎么办 1 赞2014-10-09 22:00 ============================================================ DCloud_App_Array 这种情况有两个可能:1. 手机设备Android系统不是4.4以上版本:2. 手机设备没有开启USB调试. 0 赞2014-10-10 10:55 ===============

代码调试debug篇 主要看图,看图一目了然.  断点的设定和eclipse一样,只要点一下就可以,下面是我设定的几个断点,再下面的三个窗口是用来调试代码的,这个和eclipse类似 调试常用的快捷键  F9------------resume programe 恢复程序 Alt+F10-------show execution point 显示执行断点 F8------------Step Over 相当于eclipse的f6      跳到下一步 F7------------Step Int

本文重点讨论如何在 Windows 系统中通过chrome 浏览器调试运行在 iPhone Safari 浏览器中的网页.如果你有一台 iMac/MacBook,可忽略该文档.iMac 环境下,直接通过 USB 将 iphone 与 iMac/MacBook 链接,之后在 iMac/MacBook 中打开 Safari 进入调试模式,即可对运行在手机中的页面进行调试.详情见:Using Web Inspector to Debug Mobile Safari 或 Safari Web Inspe

一.背景 使用Visual Studio Code写了一个简单的Html页面,想调试下其中script标签里的javascript代码,网上查了一通,基本都是复制粘贴或者大同小异的文章,就是要安装Debugger for Chrome插件,修改launch.json配置信息,F5启动,这些都照做了,但是仍有两个问题,一个是Html文件里不能打断点,只能在js文件里面打,二是chrome打开后说连接不到localhost,下面分别讲讲是怎么解决. 二.Html文件中不能打断点问题 默认情况下,VS

原文地址http://www.cnblogs.com/kelsen/p/6402477.html 本文重点讨论如何在 Windows 系统中通过chrome 浏览器调试运行在 iPhone Safari 浏览器中的网页.如果你有一台 iMac/MacBook,可忽略该文档.iMac 环境下,直接通过 USB 将 iphone 与 iMac/MacBook 链接,之后在 iMac/MacBook 中打开 Safari 进入调试模式,即可对运行在手机中的页面进行调试.详情见:Using Web In

Debug快捷键 1. F5单步调试进入函数内部2. F6单步调试不进入函数内部3. F7由函数内部返回到调用处4. F8一直执行到下一个断点5. F11 重新运行debug

题外话,刚开始我写这篇内容只是将自己了解的一些知识放上来,不巧的是我分析了我的来访日志,很多朋友都有这个需求,为了大家没有白来,我决定充实下这篇文章.最近更新时间2014-02-14 chrome版本: 32.0.1700.107 m 我是一名忠实Chrome迷,使用它已经快有2年的历史了,整体给我的感觉就是清爽,快速,简洁.又打小广告了……^_^,虽然我知道IE8+也有调试工具,包括火狐的什么XXBUG,但是我用过之后,个人还是十分偏爱chrome的debug. chrome对于在前端打拼的兄

本文链接:https://blog.csdn.net/u011781521/article/details/55000066    http://blog.csdn.net/u010075335/article/details/51222493 系列文章 Eclipse的Debug(一) Eclipse的Debug各种视图介绍(二) Eclipse的debug按钮介绍(三) 一个简单的Eclipse调试Debug流程(四) 三个Eclipse下的Debug的使用场景(五) 调试本地 Java 语

在调试时请 注意 : 在WebStorm中启动调试时,WebStorm会根据你设置的url,自动打开新的Chrome浏览器进程访问这个设置的url,而且这个浏览器页面和你平常看到的浏览器差异会比较大,看不到书签栏,也看不到你先前所装的所有插件.这是因为平常我们打开Chrome浏览器进程时,并不会添加–remote-debugging-port选项,而WebStorm无法让已经打开的Chrome实例支持调试,所以必须重新打开一个新的Chrome浏览器进程,而且不能和原来的Chrome浏览器进程使用

051 01 Android 零基础入门 01 Java基础语法 05 Java流程控制之循环结构 13 Eclipse下程序调试--debug入门1 本文知识点: 程序调试--debug入门1 程序如何调试?--debug 工作中,开发人员和测试人员经常说,在找bug.那bug是什么呢?其实就是程序中的错误或者说是缺陷.为什么叫bug呢? 小故事时间: bug英文是虫子的意思,为什么把错误叫虫子呢? 故事要回到遥远的计算机产生的时代. 那时候的计算机都还是大型机,一间大房子只能放一个大型机的那