javascript - 跨 HTML、CSS 和 Javascript 跟踪代码执行

标签 javascript html css flash

无论如何,我是否可以跟踪/查看跨 html、css 和 javascript 处理网站的确切顺序?

我有一个函数在第一次通过时没有触发,我很确定它与执行顺序有关。 而且,在处理过程中(缓慢地)查看各个步骤也会提供很多信息

感谢您的任何建议。

这是关于这个问题的: flashMovie.Play is not a function

最佳答案

听起来好像要设置breakpoints在您的代码中,然后单步执行执行路径。

  1. 点击 Chrome 屏幕右上角的 Spanner 符号,选择“工具”,然后选择“开发者工具”
  2. 点击 Chrome 屏幕底部 Pane 中的“脚本”选项卡
  3. 点击 Chrome 屏幕底部 Pane 左上角的“文件夹”
  4. 单击要调试的脚本
  5. 点击要设置断点的行

Chrome 开发者工具官方文档也可以在这里找到:https://developers.google.com/chrome-developer-tools/docs/scripts

一旦您到达所需的断点(可能只是脚本的第一行),单击顶部的“步入下一个函数调用”(它看起来像一个指向点的向下箭头)按钮Chrome 屏幕底部 Pane 的右侧部分。

Screenshot of Chrome Script Debugger

这些问题也应该有帮助:

关于javascript - 跨 HTML、CSS 和 Javascript 跟踪代码执行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11058215/

相关文章:

javascript - 我们可以将高级文本编辑器添加到 html 页面中的文本区域吗

css - Material-ui 切换标签,如何拥有左侧、右侧和顶部标签?

html - 使用 Bootstrap 垂直居中列内容 - 表格布局问题

css - Wordpress 响应式小部件容器

html - 如何创建一个包含响应式填充的最大宽度的 div?

javascript - 在 Javascript 中使用 "Exports."?

javascript - 如何处理react.js中缺失的字段

javascript - 如何使用 AJAX 在 HTML 表中显示带有数字键的 JSON 值

html - 用链接包裹的图像上的同级选择器

html - Angular 4 组件呈现为空