在chrome中的source找不到自己写的js时处理方法

摘要:
今天,我准备调试js。我突然发现,在谷歌的中文源中找不到我想要调试的js。后来,我检查了数据,并从同事那里得知谷歌将压缩js,因此我找到了以下方法来在所有浏览器上调试js1.debugger工件。当脚本运行到调试器语句位置时,它会跳转到调试页面。dynamicScript的名称可以自定义。通过这种方式,您可以在加载代码后在开发工具的源代码或调试器中找到dynamicScript.js脚本文件。

今天准备调试下js,突然发现在谷歌的中source中找不到我要调试的js,后来查资料和听同事说谷歌会把js压缩,于是找到以下方法来调试js

1. debugger神器 
横扫各个浏览器。脚本运行到debugger语句位置,即跳入调试页面(好像只有chrome可以不做任何配置的,在动态js脚本里做到)。 
2. //@ sourceURL=dynamicScript.js 神语句 
在js脚本第一行或最后一行加入//# sourceURL=dynamicScript.js语句。其中dynamicScript名字可以自定义。这样,在代码加载过脚本后即可在开发者工具的(chrome)sources或者调试器(firefox)里找到名字为dynamicScript.js脚本文件。就可以像调试静态脚本一样方便。 

免责声明:文章转载自《在chrome中的source找不到自己写的js时处理方法》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇基于redis的排行榜设计和实现JavaWeb 之文件上传下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

iframe中插入代码并执行

最近有需求通过iframe插入代码。有蛮多方法,如下: 1 var iframe = document.getElementById('previewUrl'); 2 iframe.src = 'about:blank'; 3 iframe.contentWindow.document.body.innerHTML+="12312" 4 iframe.co...

Google Chrome浏览器开发人员工具(转)

【原文地址:http://www.cnblogs.com/QLeelulu/archive/2011/08/28/2156402.html 】 在Google Chrome浏览器出来之前,我一直使用FireFox,因为FireFox的插件非常丰富,更因为FireFox有强大的Firebug,对于前端开发可谓神器。 在Chrome出来的时候,我就喜欢上它的简...

require.js

Javascript模块化编程:require.js的用法 一、为什么要用require.js? 最早的时候,所有Javascript代码都写在一个文件里面,只要加载这一个文件就够了。后来,代码越来越多,一个文件不够了,必须分成多个文件,依次加载。下面的网页代码,相信很多人都见过。   <script src="http://t.zoukankan...

JS获取IMG图片高宽

前段时间在LJW写的touchslider.js轮播代码里添加自适应屏幕大小的功能时,遇到一个问题。不管用什么样的方法都无法获取到IMG标签的高宽,最后只有给图片定一个高宽的比例值;趁今天有空我就写了几个demo测试了下,找了下原因;且听我细细说来,如有哪里说的不对的,欢迎拍砖~~~  首先获取高宽的方法具我所知有:obj.style.width(heig...

js和java中使用join来进行数组元素的连接

  合理地使用join来进行数组中元素的连接,代码简洁,比自己编码也更为方便。   js中join的用法 var arr = new Array(3) arr[0] = "a" arr[1] = "b" arr[2] = "c" arr.join(".") a.b.c ------------------ arr.join(",") a,b,c   ja...

New Moto X 2014 全版本RSD&amp;amp;Fastboot刷官方底包教程

本来我是不想写教程的,因为这样的教程实在是太多了,基本上大家也都会了,为什么还要多次一举,发来发去的呢?实在没什么意义!但是我觉得吧,别人的教程写的都太过简单,太过明了了,有时候我们很难理解,这到底是怎么操作的,他一句话就概括了,我们却一头雾水,不知道如何做到,然后又要问东问西去解答。首先要了解我们为什么要刷底包,刷底包有什么作用?底包就像是window的...