你应该了解的 5 个 JavaScript 调试技巧
JavaScript调试 技巧 了解 应该
2023-09-11 14:16:02 时间
只需记住在上线前移除。
2. 当节点变化时断开有时DOM像有了自己的想法。当不可思议的变化发生时很难找到问题的根源。 Chrome开发人员工有调试这个问题的超级有用技能。这就是所谓的“Break on…”,你可以通过在元素选项卡上右键DOM节点找到它。
断点可以在节点被删除后设置,当节点的属性更改或者其子树中的节点变化时。
XHR断点或我称作的Ajax断点,也允许当一个预期Ajax请求创建时断开。 当调试你的web应用的网络时这是个让人吃惊的工具。
4. 模拟不同的移动设备Chrome增加了内置的移动设备模拟工具,这将简化你的日常工作。 选择任何非Console的选项卡找到它们,按键盘上的esc键并选择你想摸你的移动设备。 你当然不会得到一个真正的iPhone,但尺寸、触摸事件和agemt都会为你效仿。
5. 通过审核提升你的站点YSlow是个伟大的工具。Chrome也在开发人员工具下包含一个称作Audits的类似工具。 使用快速审核一下你的网站,来获得有用实际的优化技巧。
还有什么呢? 没有这些工具我不能想象如何开发。当我发现新的后我会发布更多,敬请期待。
英文原文:5 Javascript debugging tips you’ll start using today
原文发布时间为:2014-03-04
本文来自云栖社区合作伙伴“Linux中国”
【利好工具】JavaScript及时运行调试工具 今天要介绍的这个工具叫RunJS,是运行在各大系统上的客户端,目前支持主流的macOS、Windows、Debian和Universal Linux平台。
相关文章
- 第七节:语法总结(1)(自动属性、out参数、对象初始化器、var和dynamic等) 图片放大镜 JavaScript-基础 用javascript写原生ajax(笔记) 初遇 Asp.net MVC 数据库依赖缓存那些事儿 前端JS 与 后台C# 之间JSON序列化与反序列化(笔记)
- [ Javascript ] JavaScript中的定时器(Timer) 是怎样工作的!
- 极客标签互动课程系列 - Javascript生成SVG动画素描特效
- aspx文件中调试JavaScript的一种极有效的设置方法(终于js能调试了!)
- JavaScript - 模式匹配
- 如何选择Javascript模板引擎(javascript template engine)?
- 【JavaScript】重温Javascript继承机制
- 【JavaScript】JavaScript模块化编程 - CommonJS, AMD 和 RequireJS之间的关系
- JavaScript进阶系列04,函数参数个数不确定情况下的解决方案
- 【建议】记录一次BAT一线互联网公司前端JavaScript面试
- 《JavaScript设计模式》——第2章 写的都是看到的——面向对象编程 2.1两种编程风格——面向过程与面向对象
- 《JavaScript启示录》——1.3 JavaScript原生/内置对象构造函数
- 《JavaScript框架设计》——2.2 加载器所在路径的探知
- 《JavaScript精粹(修订版)》——1.10 脚本调试
- Javascript: hash tables in javascript
- Selenium WebDriver之JavaScript
- 深入理解 JavaScript 执行上下文和执行栈
- javascript jquery 推断对象为空的方式
- 【javascript】如何在Javascript中创造map对象?