① web前端在打断点的时候,如何得到每步的值,需要设置哪里么
可以用谷歌浏览器的开发者工具进行js测试,按f12快捷键就可以打开
② ASP.netmvc前端怎么debug
M和C部分都和调试其他.net程序没有区别,V方面最好在浏览器的开发者工具中进行调试,不过vs2017也支持包括chrome在内的断点跟踪
③ react native chrome 怎么断点
首先使用react native编写一个简单的应用,在碰到问题的时候,肯定需要对代码进行调试。目前react native支持在Chrome浏览器内进行调试。需要选择Scheme->Run的选项为Debug,否则模拟器中不会出现调试选项。
将应用设置为在模拟器中运行,运行后,按键Command+D,弹出调试菜单选项,选择Debug in Chrome。目前的版本只支持Chrome进行调试,后续可能会支持Safari进行调试。调试过程就跟平常写前端调试js代码一样,可以加断点,打日志进行调试。
有些情况下,Chrome浏览器不起作用,可能是因为其他应用插件的原因,这个时候需要将其他插件禁用,以进行react native代码的调试。
如果要需要在真机上运行,需要将jsCodeLocation中地址改为本机的ip地址,比如192.168.1.x之类的,这样就可以在真机上运行,但是还是不能发布到appstore上面去。发布的时候,需要将该代码注释
jsCodeLocation = [NSURL URLWithString:@"http:// localhost:8081/index.ios.bundle"];
,反注释这一行代码:
jsCodeLocation = [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"];
这样,该应用就可以一直在真机上运行,而不依靠开发环境的支持了。
发布的时候,还要记得选择release版本,这样调试菜单才不会出现。
④ js前端调试的几个小技巧
1. debugger;
我以前也说过,你可以在JavaScript代码中加入一句debugger;来手工造成一个断点效果。
需要带有条件的断点吗?你只需要用if语句包围它:
if(somethingHappens){
debugger;
}
但要记住在程序发布前删掉它们。
2. 设置在DOM node发生变化时触发断点
有时候你会发现DOM不受你的控制,自己会发生一些奇怪的变化,让你很难找出问题的根源。
谷歌浏览器的开发工具里有一个超级好用的功能,专门可以对付这种情况,叫做“Break on…”,你在DOM节点上右键,就能看到这个菜单项。
断点的触发条件可以设置成这个节点被删除、节点的属性有任何变化,或它的某个子节点有变化发生。
3. Ajax 断点
XHR断点,或Ajax断点,就像它们的名字一样,可以让我们设置一个断点,在特点的Ajax调用发生时触发它们。
当你在调试Web应用的网络传输时,这一招非常的有效。
tumblr_inline_n1s7ceQ08c1r2
4. 移动设备模拟环境
谷歌浏览器里有一些非常有趣的模拟移动设备的工具,帮助我们调试程序在移动设备里的运行情况。
找到它的方法是:按F12,调出开发者工具,然后按ESC键(当前tab不能是Console),你就会看到第二层调试窗口出现,里面的Emulation标签页里有各种模拟设备可选。
当然,这不会就变成了真正的iPhone,只是模拟了iPhone的尺寸,触摸事件和浏览器User Agent值。
tumblr_inline_n1s71kb2NL1r2
5. 使用Audits改进你的网站
YSlow是一个非常棒的工具。谷歌浏览器的开发者工具里也有一个非常类似的工具,叫Audits。
它可快速的审计你的网站,给你提出非常实际有效的优化你的网站的建议和方法。
⑤ 前端调试到xhr.send(null);自动有断点
会不会是你之前设的断点没有清除,然后你又修改了代码,可能原来你想调试第300行,删了一些代码后,现在的第300行是xhr.send了,所以断点就在那停了。
⑥ 前端怎么在chrome进行调试
打开Google浏览器,打开任意一个网页,这里以网络首页为例
按下F12键,能看到会弹出如下图所示的对话框
鼠标右键需要修改的地方
可以看到需要改动的地方,对应区域的CSS样式都在右侧区域显示
鼠标左键单击箭头所指区域,可添加所需的样式,并且可以实时的显示出来,当不需要时,去掉勾选即可,也可以直接按删除,制表符Tab可以自动补全属性名称
可以根据标签的id或者class值获取其属性,当提示undefined时,就需要查看是否存在这个标签值
下图显示的是进入网页所需的文件,同样的可以在里面直接修改,但不会保存到本地文件中
8
下面才是调试的重头戏,以12306购票网为例,按下F12,打开需要调试的JS文件,在行开头单击鼠标左键,打下断点,如下图所示。快捷键F11是进入下一步,shift+F11跳出进入下一步,F8跳到下一个断点,这样就可以看到每一步程序运行所显示的结果,此时可以用步骤6用到的方法来查看标签的属性
⑦ 在vs2017写javascript进行调试,不能设置断点,出现提示,在该位置未能插入断点什么原因。
如果是前端的js直接在浏览器环境下调试,如果是node后端js,可用idea这类工具调试。vs不支持
⑧ 怎样从Firebug设断点调试JS代码
打开firebug,点击“脚本”选项。
⑨ 如何调试html网页中的js代码
以谷歌浏览器Chrome为例(火狐类似),说下前端打“断点”:
一、按F12快捷键打开Chrome控制台,点击“Sources”选项卡,如图:
二、刷新当前网页,代码执行到“断点”处会停住,如上图蓝色区域;
三、按F8快捷键可以在不同的断点之间切换、按F10快捷键程序代码会一步步执行,这样就能很方便定位到错误区域,排查错误。
说明:火狐浏览器的操作方法和谷歌类似,当然界面略有不同。
⑩ 怎么在chrome调试工具直接修改js代码
1、在元素标签上右键审查元素。