`
鹤惊昆仑
  • 浏览: 229123 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

如何在google chrome浏览器中调试JavaScript

阅读更多
google chrome浏览器不仅性能出色,对web标准的支持是非常优异的。其调试开发也比较方便(自动识别debugger断点、支持动态设置断点、可以查看参数和本地变量、可以单步执行等)。

开发人员 ——> 调试JavaScript——>打开JavaScript调试页(快捷键好像是ctrl+shift+l)。输入h(或者help)可以查看各种调试选项。

如果已经在js代码中设置了断点(debugger关键字),则保持JavaScript调试器启动(打开)状态,再刷新待调试页面,就可以自动识别debugger关键字声明的断点,用户可以输入各种调试命令。这时候可以输入h,查看新的调试命令,比如args--查看函数参数,l(或者locals)--查看函数内部本地变量,n(或者next)等。

感兴趣的可以看看其调试器源码,也是使用JavaScript实现的。可以把它扩展成像firebug那样强大的东东。至少这个调试器是浏览器内置的,不用担心插件兼容性。实现firebug那些console api才是关键。
分享到:
评论

相关推荐

    谷歌Chrome浏览器安装包(exe,两个版本)

    谷歌Chrome浏览器是由Google开发的一款网页浏览器,它于2008年9月发布第一个公开测试版,2010年12月正式发布。以下是Chrome浏览器的一些特点和功能: 特点 快速:Chrome浏览器采用了V8引擎,能够快速执行JavaScript...

    chrome浏览器javascript在windows任务栏上弹出消息通知框.zip

    首先,我们要理解`Notification`对象在JavaScript中的作用。它是HTML5引入的一个API,允许网站向用户发送视觉提示,即使浏览器窗口不在焦点状态。这对于提醒用户有新的信息或更新非常有用。在Windows操作系统中,...

    ChromeTools:在最新的Google Chrome浏览器中可以使用JavaScript ES6工具。 该存储库可以包含适用于Chrome中任何上下文的工具

    ChromeTools正是一个专为最新版Google Chrome浏览器设计的工具集合,充分利用了JavaScript ES6的新特性,旨在帮助开发者更高效地处理浏览器环境下的各种任务,无论是在浏览器、辅助程序、扩展程序还是应用程序中。...

    谷歌浏览器Json格式化插件,浏览器接口调试json

    标题中的“谷歌浏览器Json格式化插件,浏览器接口调试json”指的是在Google Chrome浏览器中用于解析和美化JSON数据的扩展程序。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,广泛应用于Web服务和...

    Chrome 浏览器中执行 JavaScript

    本章节为大家介绍如何在 Chrome 浏览器上进行 JavaScript 代码的运行与调试。 Chrome 是由 Google 开发的免费网页浏览器,对于前端开发来说(尤其是调试代码)非常方便。 Chrome 官网地址:...

    chrome 浏览器离线安装包 v101.0.4951.54 64位版本

    Chrome浏览器的开发者工具是前端工程师日常工作中不可或缺的工具,它们可以帮助开发者调试代码、优化页面性能、进行响应式设计测试等。此外,Chrome的广泛使用意味着开发者可以在大多数用户设备上获得一致的浏览体验...

    Google Chrome浏览器 版本 66.0.3359.117(正式版本) (32 位)

    **谷歌Chrome浏览器版本66.0.3359.117(32位)详解** 谷歌Chrome浏览器是一款由谷歌公司开发的免费网络浏览器,以其高速、安全和易用性而闻名。版本66.0.3359.117是该浏览器的一个正式发布版本,适用于32位操作系统...

    Chrome浏览器最新版本

    Chrome浏览器是Google开发的一款免费、开源的网络浏览器,以其快速、稳定、安全性高以及丰富的扩展插件而闻名。最新版本的Chrome浏览器通常会包含一系列的性能优化、安全更新和新功能,以提升用户的浏览体验。以下是...

    Google Chrome v49 版本

    谷歌Chrome浏览器是一款全球广泛使用的网页浏览工具,以其高效、稳定和安全性著称。在2016年,Chrome发布了v49.0.2623.112这一重要版本,为用户带来了诸多改进和新特性。 **一、界面与设计** Chrome v49在界面设计...

    Chrome浏览器缓存查看导出工具(支持最新版)

    1. **缓存查看**:用户可以通过该工具快速浏览所有存储在Chrome浏览器中的缓存文件,包括图片、CSS样式表和JavaScript文件等,无需深入了解复杂的浏览器设置或开发者工具。 2. **导出到对应目录**:工具能将缓存...

    chrome 浏览器离线安装包 91.0.4472.77(正式版本) (64 位)

    5. **源码软件**:标签中的"源码软件"可能是指Chrome浏览器的开源特性。Chrome基于开源项目Chromium,允许开发者查看和修改其源代码,促进了浏览器技术的发展和创新。 6. **前端**:在IT领域,前端通常指与用户交互...

    chrome浏览器插件例子

    本例子中的"Chrome浏览器插件例子"是专为Worktile设计的一个工具,它能自动化填写Worktile的任务描述表单,从而提升工作效率。 1. **Chrome浏览器插件基础** - 插件架构:Chrome浏览器插件基于Chrome的扩展框架,...

    java调用chrome浏览器内核cef实现,非jxbrowser

    Java调用Chrome浏览器内核是开发桌面应用时一个常见的需求,尤其在需要嵌入Web页面或者与Web内容交互的场景下。CEF(Chromium Embedded Framework)是一个开源项目,它允许开发者将Google Chrome的Blink渲染引擎和V8...

    chrome浏览器插件,可以离线安装,让你的chrome浏览器飞起来

    本文将详细介绍如何离线安装Chrome浏览器插件,以及这一过程中的关键知识点。 首先,理解什么是Chrome浏览器插件。Chrome浏览器插件,也被称为扩展程序,是基于Web技术(如HTML、CSS和JavaScript)构建的小型应用...

    selenium的Chrome浏览器驱动

    在Selenium中,与浏览器交互的关键部分是浏览器驱动,特别是对于Chrome浏览器,我们使用的是ChromeDriver。 ChromeDriver是由Google Chrome团队开发的一个独立可执行文件,它充当了Selenium WebDriver与Chrome...

    谷歌浏览器老版本,谷歌浏览器41版本,Chrome41

    10. **开发者工具**:Chrome的开发者工具也在41版本中得到了更新,添加了新的调试和性能分析功能,帮助开发者更高效地定位和修复问题。 综上所述,"谷歌浏览器41版本"对于那些需要在旧环境下测试应用程序或研究早期...

    chrome 浏览器调用 ocx 插件配套文件,扩展程序,以及使用的说明链接

    Chrome浏览器调用OCX插件是一项技术,允许用户在浏览器环境中使用ActiveX控件,OCX(Object Container Exchange)是Microsoft开发的一种控件格式,常用于Windows应用程序中的交互式组件。在Chrome中,由于默认不支持...

    CEF嵌入google chrome内核的浏览器

    在Windows平台上,通过CEF接口将Google Chrome内核嵌入到Win32程序中,开发者可以创建自定义的浏览器应用,这些应用不仅具有与Chrome浏览器类似的性能,还能根据具体需求进行定制和扩展。例如,你可以调整界面布局、...

    Google浏览器 chrome_42.zip

    在本案例中,我们讨论的是"Google浏览器 chrome_42.zip",这是一个包含Chrome浏览器旧版本42.0.2311.152的离线安装包。这个版本发布于2015年,尽管它已经过时,但在某些特定场景下,比如测试、兼容性检查或系统恢复...

    易语言谷歌核心浏览器

    在"易语言谷歌核心浏览器"中,用户可以享受到Chromium的高速加载、高效的JavaScript执行以及强大的网络兼容性。 该压缩包中包含的文件都是谷歌浏览器核心组件的重要部分: 1. libcef.dll:这是Chromium Embedded ...

Global site tag (gtag.js) - Google Analytics