Chrome 开发者工具 Initiator 面板单击后看不到 JavaScript 源代码的解决方法

看这个例子：我鼠标单击高亮区域，但是没办法查看到 index.js 的源代码：

解决方案：需要用 dom click 事件进去。

通过下列的屏幕点击事件进入：

之后就能随便浏览源代码了：

x.alicdn.com/vip/havana

更多Jerry的原创文章，尽在：“汪子熙”:

Chrome 开发者工具 Initiator 面板单击后看不到 JavaScript 源代码的解决方法相关推荐

SAP UI5 应用开发教程之三十七 - 使用 Chrome 开发者工具 Console 面板进行元素审查试读版
一套适合 SAP UI5 初学者循序渐进的学习教程教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...
利用Chrome开发者工具memory comparison分析一个时间段内的JavaScript代码内存占用率
在测试代码line 13和line 16处设断点. 以debug方式运行,首先断点在line13 处触发: 点击Profiles tab, 点击button "Take Snapshot&q ...
Chrome 开发者工具 live expression 的用法
live expression 相当于给 Chrome 开发者工具 console 面板里的表达式置顶,并且能随着用户点击的变化,而动态刷新该置顶的表达式.看个例子: 点击下图绿色高亮的图标,输入一个 ...
SAP UI5 应用开发教程之三十八 - 使用 Chrome 开发者工具查看程序执行出错时的上下文信息
一套适合 SAP UI5 初学者循序渐进的学习教程教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...
Chrome开发者工具详解(2)-Network面板
注: 这一篇主要讲解面板Network,参考了Google的相关文档,主要用于公司内部技术分享. Chrome开发者工具面板面板上包含了Elements面板.Console面板.Sources面板. ...
chrome开发者工具功能拾遗：Sources面板篇
本文主要介绍一些本人在此之前不甚了解,但经过了解后又发现对自己的工作很有帮助的一些chrome开发者工具调试技巧/功能.也借这篇文章提醒一下自己,在实际项目中多使用这些功能,尽快熟悉起来,提升自己的工 ...
Chrome开发者工具详解(4)-Profiles面板
Chrome开发者工具详解(4)-Profiles面板如果上篇中的Timeline面板所提供的信息不能满足你的要求,你可以使用Profiles面板,利用这个面板你可以追踪网页程序的内存泄漏问题,进一 ...
浏览器原理 20 # Chrome开发者工具：利用网络面板做性能分析
说明浏览器工作原理与实践专栏学习笔记 DevTools Chrome 开发者工具(简称 DevTools)是一组网页制作和调试的工具,内嵌于 Google Chrome 浏览器中.它提供了通过界面访 ...
小技巧：Chrome开发者工具里的Alt+单击
在Chrome开发者工具里单击一个元素左边的小三角符号,只会展开其继承结构的第一层直接子节点: 而Alt+Click,可以将该元素第一个子节点,以及该子节点原型链上的节点全部展开.将下图和上图进行比较 ...

Chrome 开发者工具 Initiator 面板单击后看不到 JavaScript 源代码的解决方法

Chrome 开发者工具 Initiator 面板单击后看不到 JavaScript 源代码的解决方法相关推荐

最新文章

热门文章