如何进行js的jspdf.debug.js

来源：蜘蛛抓取(WebSpider) 时间：2017-09-03 08:04 标签： vscode debug nodejs
中国领先的IT技术网站
51CTO旗下网站
MyEclipse DeBug对JS脚本的功能浅析
MyEclipse DeBug对JS脚本的功能是什么呢？那么本文将给你做一个简单的介绍。
作者：天天乐来源：JavaEye| 16:20
MyEclipse DeBug对JS（JavaScript）脚本的功能。
使用JS时，大多用来操作DOM与DHTML对象与元素，因此JS运行，需要Browser环境支持。
所以对 .js 文件的调试，只需将其引入执行页面中，即可启动MyEclipse DeBug的功能。
MyEclipse DeBug使用1、rhino.js 文件内容如下：
var str = "HelloWorld" ;
alert(str);
MyEclipse DeBug使用2、rhino.html 文件内容如下：!DOCTYPE&html&PUBLIC&"-//W3C//DTD&HTML&4.01&Transitional//EN"&"http://www.w3.org/TR/html4/loose.dtd" &&html &head &meta&http-equiv="Content-Type"&content="text/&charset=UTF-8" &titleRhino&JavaScript&For&Java/title &script&Language="JavaScript"&src="rhino.js"/script &/head &body/body &/html&
MyEclipse DeBug使用3、点击 Debug As
JavaScript Application 进入 MyEclipse Web2.0 Browser 视窗在 Address 栏 输入 rhino.html 的访问路径 如：http://localhost:8080/Rhino/rhino.html 即可进入MyEclipse DeBug状态
【编辑推荐】
【责任编辑： TEL：（010）】
大家都在看猜你喜欢
原创热点头条头条热点
24H热文一周话题本月最赞
讲师：27601人学习过
讲师：271516人学习过
讲师：15042人学习过
精选博文论坛热帖下载排行
本书深入细致地介绍了用于构建网络的最重要的硬件设备――交换机、路由器、安全设备和无线设备，涵盖了原理、参数、分类、适用、规划、接口...
订阅51CTO邮刊Javascript Debug Toolkit可以调试jsp页面中js代码吗? - ITeye问答
/*…………………………jsdt js 调试 javascript eclipse 插件& firebug IE firefox……………………*/
请问各位. Javascript Debug Toolkit可以调试jsp页面中js代码吗?
windwos中独立安装还是作为eclipse的插件安装都没用啊 (好像被人忽悠了 )
自已试了一下发现不能调试js& 请问大家有标准方法介绍下不.
不会是只能调试静态页面吧 真是让人尴尬啊
朋友，问题要自动关闭啦，结分哦
我都是用firebug来调试，速度也很快
Javascript 的调试工具在jsp里的情况就比如有问题了，
建议你还是在要调试的js前面加上然后用firebug或在IE下就用vs里的调试器调试
用firebug很方便
已解决问题
未解决问题FireBug 调试JS入门教程 如何调试JS
字体：[ ] 类型：转载 时间：
这篇文章主要为大家介绍下通过firefox的FireBug调试JS，需要的朋友可以参考下
安装就不用说了，很简单，在FireFox上插件库里找到FireBug就Ok了。下图是FireBug Debug 窗口。
&&&& FireBug美工用的非常普遍，公司美工妹妹用的非常熟练 呵呵，而对于我们开发人员，主要用它来Debug JS。看看官方对Debug功能的介绍。&Firebug includes a powerful JavaScript debugger that lets you pause execution at any time and see what each variable looked like at that moment. If your code is a little sluggish, use the JavaScript profiler to measure performance and find bottlenecks fast.&&&&& 简而言之，FireBug 可以让我们在任何时候debugJS 并查看变量，同时可以通过它找出JS中性能瓶颈。&&&&& 下图是如何找到Web应用的JS，激活Firebug，点Script，然后在All 旁边选择你要Debug的JS。
下图是如何打断点 基本跟Eclipse一样，点击行号就Ok了。
下图是如何在断点上设定条件，如果条件符合，就进入断点，这个功能很不错，特别是Debug很复杂的Function时候。
&下图是如何单步调试，跟Eclipse一样 F11单步
下图是查看调用的Stack，对以复杂的JS Debug很有帮助。
下图是查看变量 基本跟EclipseDebug 一样。
下图是在断点处查看变量。
有个很好用的功能，代码行之间快速调转，使得对上千行的JS调试很轻松。
下图就是Performance 测试结果，使用很简单 点Profile
还有一个Log功能比较实用，看下图 如果你不想每次都进入断点，用这个就再好不过了。
基本用法就这些了，希望对大家有帮助。
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具JS调试必备的5个debug技巧
字体：[ ] 类型：转载 时间：
我一直使用printf调试程序，一般来说都是比较顺利，但有时候，你会发现需要更好的方法。下面几个JavaScript技巧相信你一定会觉得十分有用
我以前也说过，你可以在JavaScript代码中加入一句来手工造成一个断点效果。需要带有条件的断点吗？你只需要用if语句包围它：
代码如下:if (somethingHappens) {
但要记住在程序发布前删掉它们。2. 设置在DOM node发生变化时触发断点
有时候你会发现DOM不受你的控制，自己会发生一些奇怪的变化，让你很难找出问题的根源。
谷歌浏览器的开发工具里有一个超级好用的功能，专门可以对付这种情况，叫做“Break on…”，你在DOM节点上右键，就能看到这个菜单项。
断点的触发条件可以设置成这个节点被删除、节点的属性有任何变化，或它的某个子节点有变化发生。
3. Ajax 断点
XHR断点，或Ajax断点，就像它们的名字一样，可以让我们设置一个断点，在特点的Ajax调用发生时触发它们。
当你在调试Web应用的网络传输时，这一招非常的有效。
4. 移动设备模拟环境
谷歌浏览器里有一些非常有趣的模拟移动设备的工具，帮助我们调试程序在移动设备里的运行情况。
找到它的方法是：按F12，调出开发者工具，然后按ESC键(当前tab不能是Console)，你就会看到第二层调试窗口出现，里面的Emulation标签页里有各种模拟设备可选。
当然，这不会就变成了真正的iPhone，只是模拟了iPhone的尺寸，触摸事件和浏览器User Agent值。
5. 使用Audits改进你的网站
YSlow是一个非常棒的工具。谷歌浏览器的开发者工具里也有一个非常类似的工具，叫Audits。
它可快速的审计你的网站，给你提出非常实际有效的优化你的网站的建议和方法。
还有其它的吗？
没有这些工具，我不知道将如何开发。我还会写更多的关于这方面的技巧——一旦我有所发现，请关注我的最新文章。
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具

我要回帖

更多关于 vscode debug nodejs 的文章

 

随机推荐