Ⅰ 如何用手机进行本地前端调试
第一步：连接电脑与手机
1. 手机打开“开发者选项”
安卓手机进入“设置”—>“关于手机”—> 在“版本号”上点7次（或其他的版本号位置，一个个试肯定有……）
然后“开发者选项”就出现在“设置”里面了。
2. 手机打开“USB调试”
进入“开发者选项”—>打开“USB调试”（如果想手机长亮还要打开“不锁定屏幕”）
3. 连接并允许调试
用USB数据线将手机与电脑连接—>手机上出现“允许该电脑调试”时点“允许”（可能会晚点出现，先去第二步）
第二步：用电脑启动手机浏览
1. 打开chrome的inspect
在电脑chrome地址栏中输入chrome://inspect—>勾选“Discover USB devices”
如无意外在Devices中会出现手机型号。
如果没有，再确认下：开发者选项、USB调试、允许该计算机调试
2. 手机打开chrome app
在手机中打开chrome，这时电脑的chrome inspect中会出现输网址的地方。
3. 测试手机浏览的控制
在电脑chrome inspect输入框中随便输个在线网址，点Open，手机chrome就会打开该页面。用电脑chrome可以控制刷新、关闭，但是用来调试的inspect点开是空白，应该是被墙了。
第三步：用手机测试本地页面
1. 开启本地服务器
对的，很遗憾手机chrome不能进行静态页面的调试。
所以必须开本地服务器，所幸现在有gulp+webserver，用法这里不讲了。
总之，完成这一点后，你应该在电脑上用 http://localhost 来浏览网页了。
2. 电脑chrome开启端口转发
在chrome inspect中点“Port forwarding...”—>把端口和localhost链接输进去（比如8000和localhost:8000）—>勾选“Enable port forwarding”—>Done
3. 打开手机浏览localhost
如：输入http://localhost:8000 点Open
这样手机就能打开页面了。
Ⅱ 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。
它可快速的审计你的网站，给你提出非常实际有效的优化你的网站的建议和方法。
Ⅲ Web前端需要掌握哪些技术
Web前端目前还是一个比较新的职业，其在国内乃至国际上真正受重视的时间还未超过五年。昆明北大青鸟http://www.kmbdqn.cn/发现随着互联网的迅猛发展，目前不管是企业和个人越来越多的开始使用和学习web前端开发，那么web前端开发是做什么的呢?
Web前端需要掌握哪些技术?
1、熟练掌握html基本知识，包括每个标签的用法等。
2、熟练掌握div+css基本知识，这个东西基本就是web前端的基础了，它可以将你写的东西直观的展示出效果给你看，所以须熟练掌握。不管你做了什么，瞬间就可以看到效果，对调试、修改有很大的帮助，这个就是前端开发的显示效果。
3、我觉得这里应该是至少掌握一个后台的内容管理系统，比如现在流行的WordPress，phpcmsv9、dede、帝国等都是比较好用的。这个也会了，你就基本可以在本地建站了，就可以用来熟悉你前面学到的html和div+css，让自己熟练的掌握这些，并且你会发现这样比枯燥的学习更有乐趣。
4、重头戏，学习javascript编程，深入学习，包括jquery等框架。js东西会比较多，一定要有耐心，和决心去学下去，加油~Js就是前段的行为和数据交换。
5、学习一门简单的后台编程语言，比如asp或者php，不需要学的太深入，主要为了培养编程思想!
6、现在很火的html5+css3，学习web前端，这些与时俱进的东西一定要看。
Ⅳ 怎么在移动端调试web前端
具体调试步骤如下：,
用 Chrome 模拟 UA、屏幕尺寸 和 触摸特性，完成第一阶段的开发和调试。
但对于国内开发者而言，最大的问题在于国产浏览器的各种奇怪BUG。
面对这类没有调试工具的浏览器，weinre 也是一个可行的解决方案。
如果只是对JavaScript的异常进行跟踪，自己敲几行代码也可以勉强处理一下。
引入一个外部链接来接收异常信息，借此把异常显示到开发环境中，这样就可以根据异常的信息对 JavaScript 代码进行跟踪和定位。
其中大致的实现原理，是通过对 window.onerror 进行一个全局的异常监听，把捕获到的异常发送到指定的接口。
Ⅳ 前端调试时data-v有什么作用
提供属性。前端调试时data-v为H5新增的为前端开发者提供自定耐纳义的属性，这些属性集可以通过对象的dataset属首毕性获取，不支者亩芹持该属性的浏览器可以通过getAttribute方法获取。
Ⅵ 前端开发是怎么调试的
如果是网页开发的话呢 可以使用浏览器的f12 开发人员工具调试。如果是安卓或者ios呢可以抓包获取接口请求信息，或者使用日志输出来检测。
Ⅶ 前端javascript调试的方法有哪些
如果你用的是谷歌核心的浏览器,比如chrome,360浏览器,世界之窗CHROME版,那么你有福了,按一下F12,你的浏览器底部将会显示这个窗口
请选择console,这里是控制台输出窗口,在这里你可茄枝以直接写JS代码,然后颤笑敏回车,你的代码会马上执行,你看到截图上的这些文字 ,其实是网络经验输出的,呵呵,不用管它
我们输入这句代码
console.trace("大家好")
然后回车,不知道看这篇文章的,有多少人,做JS的第一句代码
这句代码的意思就是,在控制台输出"大家好"三个字,后面的是些系统内容,大家不用管它
用浏览器来测试代码升扒,有多方便,不用我多说了吧
现在说说用IE来测试JS代码,IE8版本以下的浏览器,不能即时执行代码,对学习效果不是很好,所以建议升级到至少IE8
好,我们打开IE,也是按F12,如果弹出的窗口是这样的,请按一下红框的减号,如果不是,跳过这一步，我们选择"控制台"
输入JS代码回车即可运行
由于IE不支持直接在控制台trace输出,我们输入document.write("大家好")来执行查看结果
谷歌浏览器调试远比IE强大,建议大家尽量使用谷歌浏览器好一点,多行代码可以先在记事本写好再复制进去执行
Ⅷ 有线电视邻频前端如何调试
有线电视邻频前端调试方法：
先调天线放大器；
再调前端信号处理设备（调制器或频道处理器）；
最后统调前端输出电平。
【温馨提示】
具体调试前，应熟悉各设备的性能及调试方法（查看说明书），并应仔细检查各设备连接是否正确，连接有无断路及短路情况，插接器是否良好。检查无误后，方可通电。
前端是系统的心脏，它包括卫星接收和前端设备。网络所传输的各种信息质量关键就在前端设备工作是否正常、稳定、可靠，其故障大致可分以下几方面。
1卫星接收天线系统的故障
1.1日凌现象的发生及干扰
当卫星、太阳、地面接收站三者成一条直线时，也就是说当卫星接收天线对准卫星的同时对准了太阳，强大太阳的噪声使电视信号受到强烈干扰，严重时电视信号中断，这就是日凌现象对静止同步卫星产生的影响，这种影响对模拟信号影响小，而对数字信号影响大，时间也长。据有关资料介绍，日凌现象一般每年发生两次，每次连接3～6天时间不等，每天最长时间达到10min，北半球的地面发射和接收站一般发生在春分日前秋分日后的23天之内，但各个地区每个地面站发生日凌的时间不同，可根据各地面站位置的经纬坐标来计算出每年日凌的时间，以便提前通知用户或者采取相应的措施来保证电视信号的正常传输。
1.2太阳黑子对卫星信号的影响
在前端有时出现各频道图像的信号强度会慢慢减弱，画面出现黑白杂波点，雪花点慢慢增多，有时直到全屏无图像，伴音噪声显得格外明显，这种现象的出现长达半小时，短时则几分钟，这并不是卫星接收设备出现故障，也不是因为卫星接收天线偏离或卫星略微漂移所导致的现象，而是太阳黑子的出现对电视信号产生了干扰和严重衰减所造成，如果太阳黑子的活动能量大，时间长，就会使卫星电视信号立即中断，使各频道场强指标下降较多，甚至降为0dB，且持续的时间也会越长，当太阳黑子活动消失，卫星电视信号的强度将慢慢恢复到原来强度，该现象不论是模拟信号还是数字信号，都会受到同样影响。
1.3雨雪天气对收视Ku波段节目的影响
使用KU波段的同行们都遇到过天气气候不同时，如浓云密布、雾气冲天、狂风暴雨、雨量密度及颗粒大小、下冰雹等，都会对卫星上下行信号造成一定影响，频率高低不同产生的信号损耗也不一样，从平时观察情况看，一般对KU波段的影响比对C波段的影响要大得多，特别是雨水冲刷天线盘面时，造成物理性卫星讯号散射，使信号中断。从有关资料获知，遇到影响电波发射和收视时，其场强信号增益急剧下降，对Ku波段节目的收视产生一定影响，特别是下雨或下大雨时会造成信号急剧下降和中断，在北方下雪是常事，但下雪比下雨的信号损耗相应要轻得多，可以说下雪天对KU信号不会受到较大损害，如果是雨夹雪气候，它会导致信号大幅度减弱或中断，如果高空中有浓厚的雨层也会使Ku波段信号减弱或中断，总之，Ku波段对天气气候是非常敏感的，这也是电视工作者最头痛的问题。
卫星接收天线安装的稳定和牢固性也是一项不可缺少的指标，因为它会严重影响天线的指向性，面无线的指向性不好对接收的模拟和数字信号的影响不容忽视。在刮大风时，若无线稳定性不好，安装在高层顶上的天线会摇晃得很厉害，甚至偏离卫星使接收到的信号不稳定，噪波大。天线安装完毕，底座固定牢靠后，在天线的四方均应安装拉线，这样风力再大，天线也不会摆动，另外天线本身的强度设计生产时一定要达到十二级风力的抗压强度。
前馈式高频头固定不牢靠，因风力所致若聚焦尺寸发生变化，就会在电视屏幕上出现噪波点。
1.4“马赛克”现象
在接收卫星数字压缩频道节目时，有时画面出现全马赛克和部分马赛克，该现象是在接收数字卫星电视信号时，由于传输误码原因，引起了该现象，“马赛克”现象会严重影响电视信号的收视效果，如果注意适当地选择数字卫星接收用的LNB和接收天线，它能改善或基本消除这种“马赛克”现象，保证播出图像质量。
数字接收机采用QPSK调相方式传输，信号的解调是根据相位的检测来实现，若LNB的相位噪声过高，会造成检测的误差而导致误码率增加，误码率超过规定值后，就会使接收到的图像产生“马赛克”现象。
另外，所选择数字接收用的LNB的频率稳定度，越高的LNB，其相位噪声也越低，产生误码的机率就少。
1.5雨雪天对后馈式C波段接收天线的影响
在下雨，特别是雷阵雨时，雨水易浸入接收天线波导口，经波导进入高频头，造成该天线接收的所有节目出现噪波点，若高频头内积水较多，全都节目信号会中断，屏幕出现全雪花，这时应关掉卫星接收机电源，卸下高频头，放掉积水，然后用干布擦掉水份和潮气，重新安装后信号恢复正常。为避免水再进入，可在天线波导日用一块玻璃盖上，然后将波导口边缘用防水胶粘死玻璃，这样即不影响信号的接收，也能确保雨水不会再进入高频头内。
2前端伴音故障
（1）各频道伴音不一致，在换频道时出现声音大小不均，是各有线台常出现的现象，电视用户对该现象反映强烈，这类故障由前端设备人口前的伴音大小不一致引起的故障，故障原因是：
①若同用一台接收机，分别接收不同卫星上的电视节目，用YZC～3音频测试仪测其伴音电平，发现所测电平差异较大，说明卫星系统本身存在着各套电视节目伴音电平不一致的问题。
②因地面接收站所在径纬度不同，接收天线尺寸不一样大，安装后的卫星接收机忽视了伴音输出值的测试和调整，也会导致伴音不一致。因此安装后的接收机都应对输出伴音进行测试
和调整。伴音电子控制在低于前端调制器最大电平之内。
③选用不同的调制器，它的伴音最大输出电平也不一样，当伴音为100％调制时，其最大输出电平为-6dB，由于各调制器灵敏度不同，则要求的a幅室也不同，如安装后再进行伴音电平调整，全系统终端用户肯定全产生伴音大小差异过大，产生阻塞失真。
④除上述几种原因外，还有原带在前、后期制作时录人音量大小不一致，该原因只有在生产节目时按国家规定的统一伴音录制。
（2）处理办法：
①将各套卫星接收机的伴音输出电平调整一样。
②在完成调整卫星接收机的输出电平后，用PI一2型频偏仪校准各套中频调制器的伴音调制深度（频偏）为±50KC。
③市面上有一种进口的声音均衡器，它可直接安装在前端某一设备信号源的进口端，能起到伴音大小不一致时，自动均衡后达到伴音一致的目的。
3设备应育频率的稳定特往
前端设备至关重要的一项技术指标是稳定可靠性，显然前端调制器的频率稳定度将直接关系到系统质量大关，大家都知道，电视伴音的载频与图像载频仅相差6.5MHZ，电视伴音的频率受音频调制，若频率偏移大于10kHz，所播出的伴音就会产生失真的现象。
4前端干扰源
由于前端机房周围有恒定的干扰源，即使采取一系列措施，也难免阻止干扰侵入机房前端信号内，因前端设备是低电平小信号系统，运行频带较宽，各种干扰进入系统后很难消除隐患，干扰源由以下几种原因产生：
（1）其干扰源有从开路发射台直接送来的同频电视信号，该信号一是进入前端会影响系统中与开路信号相同的频道，使路端画面产生同频干扰，严重的甚至无法收看，如果在系统安排与调频广播相近的电视频道，会使干扰信号直接进入，影响该系统的传输质量，除此之外，还有本地区的传呼台、无线调度台、微波信号源也非常容易干扰已安置的电视频道节目。
（2）武警水电指挥部驻地北京市六里桥地区，周围电器辐射干扰，特别是无线电杂波（邮电微波网、寻呼台及周边机械造成的辐射干扰和汽车等产生）的辐射都会影响信号的传输，因此，前端机房选址时，应尽量避开或远离这些干扰源。
（3）高低压电源和其它干扰。前端离高、低压配电室、电梯较近，当强大电流通过时会在机房周围产生较强磁场，它也会产生干扰，若前端设备紧靠这些干扰源，会很容易侵入机户串入信号。
（4）另外，前端机房靠近大型供热、供水站、高速铁路和公路。它会产生强烈的机械振动或持续振动的振动源，这些振动源会产生一定频率的干扰源，另外模式振动变成电路系统中寄生调幅的可能性也是存在的，这些都能产生电视信号的干扰源，应尽量远离振动源。
Ⅸ 前端调试/测试超级神器whistle
之前研究过tcpmp、WireShark、 修改请求或响应数据的抓包神器mitmproxy 和 Charles实用功能介绍 及 spy-debugger内置的AnyProxy 等抓包神器，发现还是whistle最适合前端。
2021年1月23日更新：
同事发现基于whistle改造的LightProxy https://github.com/alibaba/lightproxy ，其支液掘迟持免安装证书及系统代理自动设置
2021年4月21日更新
又发现一个基于 whistle改造的神器 nohost，其不仅具备Whistle 的所有功能，还扩展了一些功能，且支持多人多环境同时使用，主要用于部署在公共服务器上供整个部门（公司）的同事共同使用
官网： https://nohost.pro/
仓库：散樱 https://github.com/Tencent/nohost
1、安装 npm install -g whistle
2、启动 w2 start
http://wproxy.org/whistle/install.html
http://wproxy.org/whistle/webui/https.html
https://wproxy.org/whistle/quickstart.html
https://wproxy.org/whistle/rules/index.html
上述变量值如闹李下：
1、 利用whistle调试移动端页面
2、 https://github.com/avwo/whistle/blob/master/README-zh_CN.md
2021年3月22更新 今天又发现一个http监测工具 httpToolkit ，遗憾的是高级功能收费。