在过去的远程代码调试场景中，需要调试远程服务器上的Lua代码，需要登录服务器，进行代码的编辑。或者将服务器上的代码进行下载，然后编辑后再上传到服务器上。 使用VSC进行远程调试， 为了不对root用户下的配置数据产生污染和影响，最好办法是独立创建一个用户，在新建的用户创建访问key等配置文件，如果不再需要相关的配置，就可以直接删除掉这个用户。 然后，我们需要将公钥文件，id_rsa.pub内容进行复制，在远程服务器上创建的一个叫authorized_keys的文件，将公钥的内容贴入进去。这样VSC才可以通过SSH远程插件访问进入远程服务器。 安装VSC服务器端插件 如果想实现Lua远程调试,需要在VSC的插件选项卡里,搜索到指定的插件,进行安装，VSC会通过SSH协议向远程调试的服务器端程序，上传到远程服务器上之后，即可在客户端进行远程Lua 总结 这一篇主要介绍了基于VSC进行远程调试的工作准备，以及相关软件的安装部署，重点并没有在VSC的配置，与代码调试处理上，后面将介绍更多远程调试的细节，和针对操作过程中出现的相关问题的解决。
在做React Native开发时，少不了的需要对React Native程序进行调试。调试程序是每一位开发者的基本功，高效的调试不仅能提高开发效率，也能降低Bug率。 如何通过 Chrome调试React Native程序 你可以通过以下步骤来调试你的React Native程序： 第一步：启动远程调试 在Developer Menu下单击”Debug JS Remotely ” 启动JS远程调试功能。 执行控工具 从上图可以看到“执行控工具”按钮在侧板顶部，让你可以按步执行代码，当你进行调试的时候这几个按钮非常有用： 继续(Continue): 继续执行代码直到遇到下一个断点。 心得：你可以像使用Xcode/AndroidStudio调试Native应用一样，来使用Chrome开发者工具通过断点对程序进行调试。
代金券、腾讯视频VIP、QQ音乐VIP、QB、公仔等奖励等你来拿！
iOS+safari 特点 使用pc端的safari调试iOS设备中的网页，可进行真机远程调试，也可调试模拟器。 详细配置及其它安装方式可参见官方文档 适用范围 一般在开发过程中进行调试，不支持USB调试的真机设备可用该方法，官方声明可调试的范围如下： Android 2.2 Browser application 除了设置代理服务器，另外配置一些资源的代理路径为本地资源，实时查看代码运行情况，属于问题解决阶段， 平时开发过程也可用该方法代理线上资源进行调试 总结 上面对各类调试方法进行了大致介绍，每个方法都有各自的特点和适用场景 响应式调试中，使用Chrome DevTools即可快速查看多设备显示效果和实时调节，另外还有Ghostlab也是响应式调试的好工具，有着和broswer-sync一样的多设备多窗口同步功能； 进一步的真机 进行调试的情况，比如一些低端机型的兼容问题，使用weinre或其相关套件进行调试； 再配合代理的资源本地映射，能够更为方便地调试线上环境出现的问题； 实际开发中，还是需要在合适的时机选择合适的调试方式
在 Node.js 开发过程中除了万能的 console.log 之外，本节介绍一个 Node.js 与 Chrome Devtools 结合的调试工具，以后你可以选择使用浏览器来调试 Node.js 断点调试 调试工具窗口介绍 上方展示与服务器端调试需要的 5 个面板，和 Chrome 开发工具中的是基本相同的，可以理解为 “服务端的定制版” Connection：链接 Console：控制台 Sources 欲了解更多断点调试相关内容，参考了解 Chrome DevTools 更多信息，参考 使用断点暂停代码 对已启动 Node.js 进程做调试 如果一个 Node.js 进程启动时没有加 --inspect-brk 远程调试 如果是在服务器上调试，建议不要让调试器监听公共 IP 地址，这可能会引起远程访问的安全风险，但我们又想用本地的方式调试该怎么办呢？ 如果要允许远程调试链接，建议是使用 SSL 隧道的方式，假设我们的服务运行在服务器 debug.nodejs.red 上，首先启动服务，和上面的方式一样。
WKWebView 在Windows中结合Fiddler与ios_webkit_debug_proxy中转实现Chrome调试手机的Safari浏览器 一、能够访问页面 某些页面需要设置HOST才能进行访问 其中 UIWebViewer 只是系统浏览器的一部分组建，功能不全或有所 限制 所以某些情况下可直接在手机的Safari浏览器进行查看调试，某些情况还是少不了在微信内置浏览器中进行 Safari远程调试 不过功能相对Chrome DevTools来说，相对简单了些，对于简单的页面可直接使用 对于高版本的iOS系统（如iPhone 7），进行远程调试的Mac主机的系统版本也有限制，并非任何Mac和iPhone 之间都能进行调试 此外，这种远程调试仅支持调试手机的Safari浏览器，无法调试微信的内置浏览器 基于Weinre的调试 参考前文 基于微信开发者工具的调试 参考前文 ? iPhone可Chrome Devtools进行连接，充分利用好的调试工具与现有的平台，进行调试。
上面说 weinre 是一个远程 web 调试器。说到了它的发音，还挺幽默，哈哈。 远程 web 调试器。先说调试器，就像火狐中的 FireBug，Chrome 中的调试器一样。 但是在手机上，你没办法按 F12，而这个 weinre 就是在手机上的 F12，与传统的不同的是，它是在手机上浏览你的 web 页面，在 PC 上查看调试工具，非常方便，这就是所谓的远程。 weinre 作为一种远程调试工具，在结构上分为三层： 目标页面（target）：被调试的页面，页面已嵌入 weinre 的远程 js，下文会介绍； Debug客户端（client）：本地的 Web Inspector 所以我们可以另外开一个服务器。 我在手机上访问 http://192.168.1.107:8080 打开要调试的页面，此时 debug client user interface 中自动检测到 target。就可以进行调试了！
这就要求你在真实设备上进行测试 - 不要被设备仿真器和模拟器所迷惑。Chrome开发工具确实有很多旋钮和拨号盘来模拟调节，但是它永远都不像现实的手机那么真实。 更重要的是,如果你的应用程序总是以60帧/秒的速度运行，则默认在智能手机上不会出现同类情况。 这使我了解了Chrome浏览器中最重要的工具——远程调试。 远程调试 该选项在Developer Tools中是不可用的，但来自于chrome://inspect/#devices。 从这里你可以设置远程调试，以针对真实设备运行Chrome Developer Tools。我曾提到需要在实际设备上进行测试。这是一个非常强大的工具，它可以帮助你诊断笔记本上肉眼所看不到的问题。 使用Chrome的远程开发者工具在移动设备等远程设备上运行开发控制台 你甚至可以通过手机实时检查视图。 PWA桌面版 最后，请记住，PWA不限于移动设备、智能手机使用。
契约式编程中的PRE/POST 契约式编程（英语：Design by Contract，缩写为DBC）在Wiki上的解释：契约式编程是一种设计计算机软件的方法。 所谓“断言”，是指永远为真的布尔型语句，如果不为真，则程序必然存在错误。通常情况下，检查断言的时机，应该局限于调试（debug）阶段，而不是代码的实际执行阶段。 ，不变量可能为假，但是，在其他任何对象能够与被调用方进行交互的时刻，不变量断言必须恢复为真。 ，该类做一些简单的修改事先填好一些数据，从而绕开需要手动输入代码块的执行。 Download 这样就可以绕开真实的delegate里面复杂的Should Complete Download逻辑判断，并简单的返回了false来进行测试。
移动端调试困难 很多时候，我们在进行移动端开发时，都是先在PC端使用手机模拟器进行调试，没有问题后，我们才会在手机端的浏览器进行测试，这个时候，如果没有出现问题，皆大欢喜。 第二种：weinre调试方式，安装和适用不复杂，适用于全平台的调试，即任何手机的任何浏览器皆可以调试，不过需要手机和电脑在同一个网段下。 然后在手机端浏览网页，就可以看到如下的页面，点击inspect，进行调试(鉴于我的工作电脑是加了域的，因为并不能使用这个方式，如果有和我一样情况的童鞋，可以考虑使用另外两种调试方式)。 ? chrome真机调试 2. wenire真机调试 Weinre(WebInspector Remote)是一款基于Web Inspector(Webkit)的远程调试工具，借助于网络，可以在PC上直接调试运行在移动设备上的远程页面 这时，我们就可以点击Elements进行调试。 ? 进行调试 修改样式时，会在手机端即时生效，并且也可以查看控制台信息，唯一一点就是，不能进行断点调试。
这个工具将从Google Chrome浏览器中提取Cookie，是一个.NET程序集，可以在C2中通过工具如PoshC2使用或CobaltStrike的命令。 项目地址点击底部阅读原文查看。 第二个可选参数指定用于启动chrome调试器的端口（默认为9142）。 对于红队成员而言，这是完美的选择，因为它将仅作为另一个chrome.exe进程出现，而不会向用户显示任何内容。 启动 启动后，我们将检查进程是否正在运行，并等待调试器端口打开。 然后，我们可以在该端口上与API交互以获取websocket调试器URL。 所有这些操作都是在受害人的计算机上本地完成的，因为该二进制文件正在运行，而无界面的Chrome进程正在运行。 ?
、小程序的相关调试 一、能够访问页面 在开发安卓微信页面时，刚开始一般是会在PC上进行，等到开发后期的自测阶段再转到安卓模拟器上、转到各种真机上自测，上线了如果出问题还需要在真机上调试测试 Chrome设备模拟 这个就很常见了，这里不多说 2. Chrome远程调试 远程调试，代名词，其实只是在PC上调试手机中访问的页面，通过USB连接进行调试。 的调试窗口 很多时候只能看到一个空白的页面，那是因为在远程调试的时候，Chrome要先请求下载调试工具包（为什么不跟随浏览器安装包来打包呢？ 在这个维度上看，调试方法要属Chrome的设备模拟和远程调试 五、性能测试 某些时候还需要对页面进行性能的测试，从加载时的时间线性能，到运行时的流畅度性能，再到页面占用的内容性能等角度来分析 要比较准确地显示地考量这些指标，一般都需要在真机上进行调试，也少不了开发者工具 一般设计到这一环时，Chrome远程调试就是必须的了。
实现一套pc调试面板 采用这种实现方式有weinre，weinre很早前就比较流行了，使用也比较广泛，运行后会在PC上生成一个像chrome开发工具一样的调试器。 能对手机进行远程调试，能操作DOM，打印console输出等。 通过与远程服务器通信，传递打印消息 比较流行的有jsconsole，它是在远程部署一个服务器，并生成一个具有唯一标识远程文件给本地调用，本地嵌入该文件后，会在页面上生成一个iframe。 chrome上可以设置远程调试功能，手机使用数据线连接电脑。 优缺点分析 以上这些方法在开发中都尝试过了，各有各的优缺点。 一般开发中手机的远程调试不是强需求，除非遇到一些手机上的奇葩bug, 比如浏览器引擎对js的实现方式差异，需要打印真实数据，chrome模拟器都可以解决90%的问题。
USB 调试选项，并用 USB 连接电脑： 开启 Android 手机的开发者选项，一般在 系统设置 - Android版本 进行多次点击会触发开启开发者选项，然后进入开发者选项页面，开启USB 为了避免每次调试时看到此警告，勾选“总是允许从这台计算机”，并单击“确定”。 然后在 WebView 列表中选择你要调试的页面，点击“ Inspect ”选项，跟调试 PC 网页一样，使用 Chrome 控制台进行调试。 DebugGap 1.4电脑端远程 DebugGap 将检测即将到来的客户端，开发人员可以单击每个客户端进行调试。 DebugGap 七、在 iOS 平台下如何调试 WebView？ Chrome 控制台调试 参考文章：《前端常见调试技巧篇总结（持续更新...）》 1.1 Source 面板断点调试 JS 从左到右，各个图标表示的功能分别为： Pause/Resume
一、概述 Telemetry是一套chrome的性能测试框架，它使用远程调试协议，可实现网页操作的自动化测试，以及获取测试过程中的性能打点数据，生成性能数据报表。 Developer Tools是用HTML，Javascript，CSS编写的chrome开发者工具，而 Remote debugging protocol 远程调试协议就是它用来与浏览器页面(pages 3.1协议启动 运行chrome时增加--remote-debugging-port=9528参数，即在9528端口打开远程调试通信协议。 ，这两个时间差就是从进程启动到窗口显示共消耗的时间。 五、总结 chrome的性能测试工具telemetry功能如此强大，我们正在逐步的将telemetry中可用的功能移植到我们QQ浏览器的性能自动化测试框架中，目前已经把远程调试协议移植进来，用来自动化操作和获取
虽然说Android 4.0+以上的移动设备支持桌面版Chrome远程调试，而且在Android 4.4以下也仅限于预览Chrome手机版浏览器内部效果，我们无法在问题浏览器下实时联调。 移动互联网时代，浏览器发展的趋势、浏览器调试工具发展的未来一定是基于移动端调试的便利性、远程调试的广泛支持。我们大胆预言，支持多终端跨设备跨浏览器的远程调试工具将会越来越多。 Weinre(WebInspector Remote)是一款基于Web Inspector(Webkit)的远程调试工具，借助于网络，可以在PC上直接调试运行在移动设备上的远程页面，中文意思是远程Web 另外可以安装使用GapDebug应用，GapDebug是一款跨平台的移动设备调试工具，支持拖拽式一键安装，支持重启App后Debug状态恢复，支持断点调试，支持Windows和Mac OS系统，官方地址 其他调试工具 除了介绍过的Chrome 远程调试工具DevTools、weinre远程调试，目前的还有Adobe公司推出的跨平台调试工具Adobe Edge Inspect CC，以及国内网易前端工程师
从windows 2000 server版本开始引入，网络管理员使用远程桌面连接程序连接到网络任意一台开启了远程桌面控制功能的计算机上，就好比自己操作该计算机一样，运行程序，维护数据库等。 为了连接到另一台计算机，只需要在两台计算机上同时运行 TeamViewer 即可，而不需要进行安装（也可以选择安装，安装后可以设置开机运行）。该软件第一次启动在两台计算机上自动生成伙伴 ID。 AnyDesk拥有令人叹为观止的帧速率，带宽效率和难以察觉的延迟，为您提供Windows中流畅的远程桌面连接 使用远程桌面访问Windows轻松协作并进行在线通信 Chrome Remote Desktop hl=en 谷歌的Chrome浏览器上有远程桌面应用插件，通过它也可以进行远程控制。使用简单、完全免费。 Logmein 地址:https://secure.logmein.com/ LogMein是一款基于Web的、是一个安全可靠的远程接入软件，它有强大的控制功能，可以让用户在任何一个可上网的电脑远程控制另一台
与之相应的是 Windows 平台的 Fiddler，功能大致相似，这里就不细说了。 四、Spy-Debugger spy-debugger： 移动端调试的利器，便捷的远程调试手机页面、抓包工具。 这里提供两种方式： Chrome Remote Devices：依赖 Chrome 来进行远程调试，适合安卓手机。 很全面的一篇文章，可以参考：Chrome 远程调试。 localhost 转 ip，扫描二维码手机显示，这个比较简单。 平台，与 Charles 类似，查看、控制网络请求，分析数据情况； 5.Spy-Debugger： 移动端调试的利器，便捷的远程调试手机页面、抓包工具； 6.Whistle：基于 Node 实现的跨平台 Web 调试代理工具； 7.Chrome Remote Devices：依赖 Chrome 来进行远程调试，适合安卓手机远程调试静态页； 8.localhost 转 ip：真机调试，适合远程调试静态页面
使用Clover以后，我们就不会再出现本地打开很多不同位置的资源管理器了，所有的资源管理器窗口都会被Clover像Chrome管理打开的各个标签一样来进行管理，你可以很方便的进行标签页的切换。 ，但是由于这4款主流浏览器的开发者都不是一家公司，并且没有做一些兼容性的设置，用户在其中一个浏览器中保存了书签以后，没办法同步更新在另外一个浏览器中，虽然Chrome、Safari等浏览器都有从IE导入书签的功能 为了连接到另一台计算机，只需要在两台计算机上同时运行 TeamViewer 即可，而不需要进行安装（也可以选择安装，安装后可以设置开机运行）。该软件第一次启动在两台计算机上自动生成伙伴 ID。 当你需要用一台电脑远程连接另一台电脑的时候，它就派上用场了，比如我公司一台电脑，家里一台电脑，在公司的时候我希望能连接家里的电脑，获取家里电脑上的文件等信息，那我只需要打开家里电脑的TeamViewer 有了这款软件以后，我们就可以很方便的进行接口调试，而且这款软件还支持保存已经请求过的接口，这样我们做完一次服务端接口测试以后，下次就可以直接打开提示，参数什么的都可以帮你保存，简直调试接口神器。
云端获取和启用云服务器，并实时扩展或缩减云计算资源。云服务器 支持按实际使用的资源计费，可以为您节约计算成本。 腾讯云服务器（CVM）为您提供安全可靠的弹性云计算服务。只需几分钟，您就可以在云端获取和启用云服务器，并实时扩展或缩减云计算资源。云服务器 支持按实际使用的资源计费，可以为您节约计算成本。
扫码关注云+社区
领取腾讯云代金券
云服务器
测试服务 WeTest
云数据库 PostgreSQL
文件存储
SSL 证书