在很多时候,我们可能需要调试前端的js,但是如果非本地项目,根本没法直接修改js进行调试,但是我们可以利用浏览器的开发者工具,进行修改js并调试 首先我们随便找一个网站: https://www.easyswoole.com.../Preface/intro.html 打开f12,点击sources,点击overrides: ?...点击 select folder for overrides ,选择一个本机的文件夹做浏览器的文件映射: 将会弹出允许获得文件访问权限的弹窗,点击确认 ? 将显示: ?...在soures中找到你需要修改的js文件: ? 由于很多代码都会进行压缩,所以我们可以先点击上面的prety-print进行格式化: ? 将格式化的代码全选复制,复制到原有js中: ?...现在,我们加点自己的东西,比如console.log("仙士可牛逼"); ? 点击ctrl+s或者右键菜单保存: ? 直接刷新页面,浏览器将从本地加载此js文件: ?
1 前言 在爬取数据时,有一些网站设置了反爬(禁止F12、网页调试Debugger、丑化Js),比如下面这几种情况: 1.禁止查看源代码 ? ?...2.网页调试Debugger 上面禁止查看网页问题,可以先按F12,再访问网站,但是又有网页调试Debugger ? 经过各种百度之后,可以在浏览器里面关闭Debug调试 ?...3.丑化JS 通过查看,可以发现数据是异步加载过来,查看数据包(network)时,发现js是被丑化过,无法查看 ? 遇到以上这些反爬,难道就会阻止我们去采集数据了???...这时候我考虑抓包方式,但是很遗憾,无法通过抓包方式获取到异步链接 ?...原本应该是这样的 ? 下面需要进行另外操作(关闭Debugger) 4.给Selenium设置代理 设置代理 找到chrome的路径 ? 在cmd(终端)下,进入到该路径 ?
对于IDEA中调试时候,使用Reset Frame来回滚操作的技巧,之前已经介绍过了。由于Reset Frame可以回滚的内容是有条件的,那么对于Reset Frame不能回退的内容有办法回退吗?...具体操作看下面视频: 欢迎关注我的视频号,持续分享各种编程小技巧!...另外关于IDEA的专题内容,我做了个汇总页面,大家可以通过这个链接获取:https://www.didispace.com/idea-tips/ , 持续更新,欢迎收藏与分享,你的支持是我坚持更新的动力...我们创建了一个高质量的技术交流群,与优秀的人在一起,自己也会优秀起来,赶紧点击加群,享受一起成长的快乐。...另外,如果你最近想跳槽的话,年前我花了2周时间收集了一波大厂面经,节后准备跳槽的可以点击这里领取!
更新: 在调试的时候可以把所在的类名、方法名、行数等相关信息也打印出来,更方便调试,更新一下宏定义 问题: 之前一直觉得用在调试的时候用NSLog无所谓,但是接口有很多坑的时候就需要非常多的打印,然后就越来越多的无用信息打印出来...,严重影响了后面的调试,而且只是希望在调试的时候打印,发布的时候不需要打印,然后就记得好像可以用宏定义来解决。...:表示宏定义的可变参数 // __VA_ARGS__:表示函数里面的可变参数 #ifdef DEBUG #define FuLog(...)...#endif ---- 使用: 在需要用NSLog()的地方可以用FuLog()替换,这样的话在Debug的模式就可以打印,在Release的模式下就不会打印 如何测试成不成功呢?...按下图切换调试即可 ? 点击项目名,然后选择Edit Scheme ? 切换模式调试,看看是否成功
使用 Visual Studio 调试 .NET 程序的时候,在局部变量窗格或者用鼠标划到变量上就能查看变量的各个字段和属性的值。...默认显示的是对象 ToString() 方法调用之后返回的字符串,不过如果 ToString() 已经被占作它用,或者我们只是希望在调试的时候得到我们最希望关心的信息,则需要使用 .NET 中调试器相关的特性...不过,展开对象查看的时候可以看到一个 DebuggerDisplay 的属性,而这个属性我们只是调试使用,这是个垃圾属性,并不应该影响我们的查看。 ?..."" : " ")}{string.Join(' ', pair.Value)}")); } 添加了从不显示此字段(DebuggerBrowsableState.Never),在调试的时候,展开后的属性列表里面没有垃圾...然而,上面展开 _optionArgs 字段的时候,依然需要展开 4 层才能看到我们的所有信息,所以我们使用 DebuggerTypeProxyAttribute 来优化调试器实例内部的视图。
代码看一百遍不如写一遍来的印象深刻,不管写C++还是Python,抑或别的语言,我们在看编程类书籍的时候面对一堆代码会很痛苦,硬着头皮啃完一本书可能会有所收获,但看完却不知所云,获取知识的效率很低,所以看这类书籍不能像看修仙小说一样一目十行去看...我们来使用它验证图一中的C++代码,获取它的输出结果,并演示断点调试查看变量的功能。...F5:开始调试,会重新编译代码然后运行 Ctrl+F5:开始执行,不会重新编译,直接运行生成的程序 F11:逐语句,它可以一行一行代码调试,遇到别的文件中调用的函数会切换到那个文件,是最详细的代码执行过程...(Shift+F11返回) F10:逐过程,它可以一行一行代码调试,但只在本文件中逐行调试 F9:切换断点,逐断点调试,一个断点一个断点地调试代码 以上提供的调试方式让你掌控整个代码是如何运行的,变量值是如何传递...大家玩一下就知道怎么用了,以前有个笑话说怎么看一个人是否是程序员,只要看他的键盘就知道了,如果他的键盘上F5、F9、F10、F11这几个键被磨得很厉害,他就是程序员无疑,说多了都是泪。
真机调试不输出日志到logcat的原因是手机厂商默认关闭了调试打印的功能,通过以下方法开启此方法。
很多时候,我苦恼于 Node.js 的调试,只会使用 console.log 这种带有侵入性的方法,但是其实 Node.js 也可以做到跟浏览器调试一样的方便。...Vscode 调试 除了浏览器之外,各大主流的 IDE 都支持 Node.js 的调试,本文以 Vscode 为例。...Attach to Node Process Action 通过 Attach to Node Process Action 的方式,我们可以直接调试运行中的 Node.js 进程。...总结 本文总结了两种常见的调试 Node.js 的方式。第一种 Node.js 通过 websocket 的方式将信息传递给 Chrome 浏览器,我们直接在 Chrome 中进行调试。...通过 Attach to Node Process Action 的方式,可以便捷的调试正在运行的 Node.js 代码,而不需要配置。
使用node.js开发已经有一段时间了,最开始的调试是使用工具node-inspector;不过node-inspector已经很长一段时间不能用了。 现在要调试node.js程序需要使用新的方式。...新的调试的方式有很多种,本文将介绍一种简单直接的方式。...使用 --inspect启动nodejs程序 有很多工具可以调试nodejs 程序,但是如果不想使用任何工具,而是手动启用调试,只需要在启动nodejs程序的时候加上 --inspect标记, node...--inspect app.js 此时nodejs便启动了调试模式,并打印出调试的url地址,如下: Debugger listening on port 9229....Profiles标签调试程序性能 另外一个重要的标签页是Profile,在该标签下,可以调试程序的性能: ?
在console中不是打印出具体到哪个组件,而是打印出core.es5.js,这样对我的调试困难就加大了很多 如果不小心按到了chrome里的哪个调试开关的时候,自己也不清楚哪里解决好,直接重置就可以。
起因 白帽子们挖Web漏洞时,JavaScript信息是至关重要的一环 从JS中可以得到隐藏接口等信息,然后尝试挖掘越权,SQL注入和上传等洞 笔者刚入门时候曾用这种办法挖到了一些CNVD,算是收获颇丰...回到主题,审计JS能够获得重要信息,然而并不是所有JS都能直接拿来看 很多情况下白帽子们将会面临混淆后的JS,这时候就需要尝试逆向调试分析了 最近在研究JS逆向相关的事情,遇到了一处比较有趣的代码 也许对于大佬来说很简单...,不过我不太懂JS,第一次遇到感觉挺有趣的 起因是发现调试该JS时候会发现卡死,但目标网站在正常使用该JS脚本 分析 做全局JavaScript做了一定的分析后,最终跟踪到代码如下 注意到其中有类似正则的地方...,但左大括号之后必须跟字符串 这个正则正是导致我卡死的反调试核心代码 回到代码中_0x1403ab['test']等价于上文代码的a.test var _0x3fadf0 = _0x1403ab['test...'newState';}; 逆向者在本地尝试做破解的时候,会将代码格式化(无论chrome还是vscode里都会很容易地进行格式化) 格式化后的代码不满足条件,所以会进入死循环 绕过方式其实也简单,还原回压缩格式即可
在调试程序时总是会遇到各种挑战。Node.js 的异步工作流为这一艰巨的过程增加了额外的复杂性。...同样,当我们的 Node.js 程序崩溃时,通常需要依靠一些复杂的 CLI 工具来分析核心转储[1]。 在本文中,我们将介绍一些调试 Node.js 程序的简便方法。...对于复杂的调试,我们将希望使用断点来检查代码在执行时的行为。 为此,可以使用 Node Inspect。Node Inspect 是 Node.js 附带的调试工具。...NDB 另一种选择是安装 ndb[9],它是 Node.js 的独立调试器,和浏览器中的 DevTools 类似,就像一个隔离的本地调试器一样。它还有一些在 DevTools 中不可用的额外功能。...trace 通过提供有关被调用的异步方法的更多详细信息来扩展你的异步栈跟踪,这是 Node.js 默认不提供的路线图。
chrome的开发者工具,在source选项卡下,可以看到js的源代码,有一个断点调试功能,就是在js的源代码行号那里点击一下,出现一个箭头,当再次刷新页面并且进行了相应操作时,就会停在断点的地方。...我们可以查看相应的变量值,在右侧可以手动改变变量值,进行调试。 这个地方有一个缺点,就是没有办法对代码表达式等进行手动修改,修改完再去运行调试。...如果我们在编辑窗口更改了js,他并不能真正的作用于线上代码。你保存了也没有任何效果,你刷新了页面,直接就没有了,没有办法像css的调试那样,可以完全实时修改代码和查看效果。...本地新建这些目录,并且把js也新建好,点击overrides后选中top目录,就可以真正的实时映射覆盖了,我们在本地js里修改代码,会被激活。 ? ?...经过这样的功能,我就解决了之前那个正则验证的问题。因为在家办公,不方便上线js代码,但是用户又急着想提交数据,他那条数据不符合正则的规则提交不上去。
一般来说,调试 Node.js 上跑的 JS 代码我会用 VSCode 的 debugger,调试浏览器上的 JS 代码我会用 chrome devtools。...直到有一天我发现 VSCode 也能调试浏览器上的的 JS 代码,试了一下,是真的香。 具体有多香呢?我们一起来看一下。...调试 Node.js 的代码和调试网页的代码用同样的工具,经验可以复用,体验也一致。...调试 Node.js 我们一般用 VSCode,而调试网页也可以用 VSCode,那么只要用熟了一个工具就行了,不用再去学 chrome devtools 怎么用,而且用 VSCode 调试体验也更好,...反正我觉得 VSCode 调试网页的 JS 代码挺香的,你觉得呢?
这里我们打开https://passport.gojoy.com/login,进行登陆,打开f12开发者工具,我们会看到这个。有个debugger,自动进入调试。...我们看这里,就会发现很多js参数。这里提醒一下,并不是所有都是这样找的,这个只是方便点。 我们点进去第一个js。然后格式化,在此处打上断点,如下,我们就会发现参数l,就是我们要找的参数。...然后发现程序可以运行了,我们,打印一下输出的东西。 然后就会输出结果,这个就是生成过程,但是如果用python调用的话还是会报错的。我们下面更改一下。 python调用js如下。...然后发现是这行代码,那我们知道哪行代码错了,我们就开始进行调试。 经过调试发现,this.b就是atob,,而atob是js里面base64的方法,atob,btoa,解码,和编码。...具体可搜索base64.js。 这里我们用base64.decode和encode代替一下。复制原生的js代码。
它允许我们在一个更友好的界面中审查和调试 Vue 应用。...二、教程 下载 vue.js插件下载:https://777nx.lanzoue.com/ib5lm0p1nn0d 安装 下载Vue.js devtools的crx文件后,打开Chrome的扩展页面(...extensions/ 或按Chrome菜单图标>更多工具>扩展程序),然后拖放 crx文件到扩展页面安装它 点击“添加拓展程序”完成安装 完成安装点击详情,将允许访问文件网址打开 使用 安装完成之后运行你的vue...开发项目,F12就可以看到这个vue-devtools插件了,可以快速调试了 三、最后 日日夜夜的劳作只为你可以更快乐 嘛咪嘛咪哄~bug通通不见了!
同样的程序,在使用 Visual Studio 调试的时候和直接运行的时候相比,总会有一些细微之处是不同的。...大多数时候这些不同可以忽略,但是一旦这些不同是我们产品需求的一部分的时候,你可能就会发现调试和非调试状态下的行为不同却找不到原因,非常抓狂! 本文记录我遇到的一个 WPF 窗口调试的案例。...看完后大家至少知道 Visual Studio 调试时的一个小坑,更进一步则可以在出现奇妙问题的时候打开一个新的思路。...这导致 Power Automate Desktop 的自动化操作对我正开发的软件毫无作用,这怎么能忍!...sender, EventArgs e) { HandleVisualStudioHacking(); } /// /// 因为 Visual Studio 会在调试状态下向此窗口添加一个全覆盖窗口
之前,有同学问我,油猴是什么,怎么安装,之前我懒得解释,在这里我通俗的解释一下:油猴是一款浏览器扩展插件,具体的作用是,在某个页面(网站或者网页)打开的同时,运行某些js。...(ajax是网页的一种刷新方式,可以理解为页面加载完毕后的一种页内刷新,可以实现页内类容的即时更新,避免网页刷新的麻烦,个人的理解有限,可能有理解不到位的地方,具体的可以百度查查) 直接上代码,第一个...跳过Vedio(据说后台会记录观看时间,请谨慎使用) // ==UserScript== // @name 易班视频跳过js // @namespace http://www.wzl1...;//这个提示觉得碍眼直接注释or直接删掉 'use strict'; })(); 第二个,解除F12和右键的禁用(这个东西到处都有,我直接转载CSDN的) // ==UserScript...== // @name 解除易班f12检查 // @namespace http://moreant.github.io/ // @version 0.1.2 // @description
俗话说:“工欲善其事,必先利其器”,调试是每一个开发人员都要遇到的问题,选择一个合适的调试工具也尤为重要。...在 Node.js 开发过程中除了万能的 console.log 之外,本节介绍一个 Node.js 与 Chrome Devtools 结合的调试工具,以后你可以选择使用浏览器来调试 Node.js...欲了解更多断点调试相关内容,参考了解 Chrome DevTools 更多信息,参考 使用断点暂停代码 对已启动 Node.js 进程做调试 如果一个 Node.js 进程启动时没有加 --inspect-brk...标志,但是我们又不想重启进程来调试,这个时候怎么办?...远程调试 如果是在服务器上调试,建议不要让调试器监听公共 IP 地址,这可能会引起远程访问的安全风险,但我们又想用本地的方式调试该怎么办呢?
领取专属 10元无门槛券
手把手带您无忧上云