一,效果图。

二,代码。

<!DOCTYPE html>
<html> <head> <meta charset="utf-8"> <title>JavaScript 调试</title> </head> <body> <h1>我的第一个web页面</h1> <p>浏览器中用f12来启用调试模式,在调试窗口中点击"console"菜单</p> <script> a = 5; b = 6; c = a + b; console.log(c); </script> <p id="demo"></p> <p>开启调试工具,在代码执行到双系统三行前会停止运行</p> <script> var x = 15 * 5; debugger; document.getElementById("demo").innerHTML = x; </script> </body> </html>

参考资料:《菜鸟教程》

转载于:https://www.cnblogs.com/yang-guang-girl/p/10217969.html

【代码笔记】Web-JavaScript-JavaScript调试相关推荐

  1. Web前端JavaScript笔记(4)节点

    如何获取元素节点的属性: 在Web前端JavaScript笔记(3)对象中,介绍了访问行间属性的方法,除此之外,系统还提供了三个方法访问元素的属性: 1. setAttribute: 2. getAt ...

  2. 前端每周清单第 7 期:Vue现状与展望、编写现代 JavaScript 代码、Web 开发者安全自检列表...

    前端每周清单第 7 期:Vue现状与展望.编写现代 JavaScript 代码.Web 开发者安全自检列表 为InfoQ中文站特供稿件,首发地址为这里:如需转载,请与InfoQ中文站联系.从属于笔者的 ...

  3. PHP学习笔记-PHP与JavaScript的交互

    转载请标明出处: http://blog.csdn.net/hai_qing_xu_kong/article/details/51814192 本文出自:[顾林海的博客] 前言 前两篇笔记PHP学习笔 ...

  4. Javascript的调试利器:Firebug使用详解

    copy from: http://blog.csdn.net/tianxiaode/archive/2007/09/02/1769152.aspx Javascript的调试,是开发Web应用尤其是 ...

  5. JavaScript逆向调试记 —— defcon threefactooorx writeup

    defcon 29就这一道Web题目,说实话也没学到啥东西,唯一学到的就是勿钻牛角尖,及时调整策略. 此题严格来说算一道逆向题,只不过逆向的目标是混淆过JavaScript,我方法就是硬逆,等过几天看 ...

  6. Javascript的调试利器:Firebug使用详解(上)

    Javascript的调试,是开发Web应用尤其是AJAX应用很重要的一环,目前对Javascript进行调试的工具很多,我比较喜欢使用的是Firebug.Firebug是Joe Hewitt开发的一 ...

  7. WEB开发 JavaScript

    WEB开发 JavaScript 1,JavaScript简介 web前端有三层: HTML:从语义的角度,描述页面的结构 CSS:从审美的角度,描述样式(美化页面) JavaScript:从交互的角 ...

  8. Web前端-JavaScript基础教程上

    Web前端-JavaScript基础教程 将放入菜单栏中,便于阅读! JavaScript是web前端开发的编程语言,大多数网站都使用到了JavaScript,所以我们要进行学习,JavaScript ...

  9. js代码转python_Python和JavaScript间代码转换的4个工具

    选 Python 还是 JavaScript?虽然不少朋友还在争论二者目前谁更强势.谁又拥有着更为光明的发展前景,但毫无疑问,二者的竞争在 Web 前端领域已经拥有明确的答案.立足于浏览器平台,如果放 ...

  10. Web Worker javascript多线程编程(一)

    什么是Web Worker? web worker 是运行在后台的 JavaScript,不占用浏览器自身线程,独立于其他脚本,可以提高应用的总体性能,并且提升用户体验. 一般来说Javascript ...

最新文章

  1. ologit模型与logit_Stata-多元 Logit 模型详解 (mlogit)
  2. 成为算法工程师的路上,掌握什么思维会让自我提升突飞猛进?
  3. php stream 系列函数,PHP stream 系列函数使用遇到的问题??
  4. Detach Volume 操作 - 每天5分钟玩转 OpenStack(55)
  5. php调用搜狗ocr接口,搜狗ocr识别接口
  6. java linux文件夹大小_Linux_Linux文件夹大小查看办法, 1. du -sh查看当前文件 - phpStudy...
  7. IDE神器intellij idea的基本使用
  8. 【CV秋季划】深度学习换脸算法视频更新
  9. 在导出本地文件时报了ABAP错误
  10. 科大星云诗社动态20210402
  11. 8086逻辑运算和移位
  12. 贵州2021高考体考成绩查询,2021年贵州体育专业考试成绩查询网址:http://www.eaagz.org.cn/...
  13. ES6-16 WeakMap与WeakSet、proxy与reflect
  14. 五年后存储会是什么样子
  15. uDevice Center - IoT弹性在线多设备开发平台
  16. zhilizhili-ui 2016始动 开始做个样例站吧 (一)
  17. BZOJ2081 [Poi2010]Beads
  18. DIV CSS 网页兼容全搞定 (IE6 IE7 IE8 IE9 火狐 谷歌)
  19. 软件测试中测试用例的简单案例
  20. HTML语言可以编写静态网页吗,使用html开发静态网页 html静态网页设计大作业

热门文章

  1. 发现个很有意思的angularjs +grunt 复习项目
  2. Checked ==true ? Y:N ;
  3. Android中给listview/gridview设置动画(逐条加载条目动画)
  4. XCode4.3.3 + iOS5.1 无证书开发并生成app、ipa文件
  5. Android开发神器:OkHttp框架源码解析
  6. BZOJ 4555 [Tjoi2016Heoi2016]求和
  7. appium 中部分 api 的使用方法
  8. 条款10 令operator=返回一个reference to *this
  9. 《C Primer Plus》读书笔记——存储类、链接和内存管理
  10. Android 通过反射让SQlite建表