当前位置: 首页 > news >正文 集成微信的企业网站管理系统企业网站建设费用会计分录 news 2025/10/28 7:12:57 集成微信的企业网站管理系统,企业网站建设费用会计分录,网络推广的优化方法,注册资本1000万的公司需要多少钱概述 浏览器的调试工具在 JavaScript 逆向工程中#xff0c;帮助开发者分析和理解代码执行流程、变量值及其变化#xff0c;从而揭示隐藏逻辑和加密机制#xff0c;为破解、修改或复现代码提供重要支持。 调试面板详解 谷歌浏览器的调试面板概览#xff1a; 顶部操作栏 …概述 浏览器的调试工具在 JavaScript 逆向工程中帮助开发者分析和理解代码执行流程、变量值及其变化从而揭示隐藏逻辑和加密机制为破解、修改或复现代码提供重要支持。 调试面板详解 谷歌浏览器的调试面板概览 顶部操作栏 脚本执行 快捷键 F8 按钮的两种状态 暂停脚本执行 提示Pause script execution 说明暂停脚本执行浏览器会立即暂停所有 JavaScript 代码的运行不论代码当前执行到哪里。这对于实时排查问题非常有帮助。 图标 恢复脚本执行 提示Resume script execution 说明恢复脚本执行脚本会继续从上次暂停的位置开始执行直到遇到下一个断点或者执行完毕。 图标 单步跳过 快捷键F10 提示step over 说明按钮来让代码进入下一个函数调用。 执行下一行代码但不会进入函数内部它在意的是执行调用结果。当遇到自定义函数的时候会在后台静默调用直接得出结果。 图标 单步进入 快捷键F11 提示step into 说明进入到当前行函数调用的内部。适合需要查看函数内部具体执行逻辑的情况。 图标 单步跳出 快捷键Shift F11 提示step out 说明继续执行当前函数直到返回调用该函数的位置。适合已经深入函数内部想要返回到外部调用代码的位置。 图标 跳出深层函数调用你已经深入到多个嵌套函数内部并希望返回到更高层次的调用位置。 快速查看调用结果对某个函数的内部实现已经足够清楚想快速跳出该函数并继续查看调用者的执行。 调试性能问题跳出冗长的函数逻辑迅速回到调用代码以关注整体流程或数据流。 单步执行 提示F9 说明一步步执行代码不会区分任何自定义函数所有脚本代码都会依次执行。 图标 数据面板 Threads Threads 部分用于显示和管理 JavaScript 的执行线程。现代浏览器通过多线程技术来提高性能和响应速度尤其是在处理复杂或长时间运行的任务时。理解和使用 Threads 部分对于调试和优化多线程应用程序非常重要。 Main Thread主要线程负责处理页面的 UI 渲染、用户交互和大部分 JavaScript 代码的执行。Web Workers独立于主线程之外的后台线程用来执行耗时的操作如数据处理从而不阻塞主线程的渲染和用户交互。 Watch 它允许你在代码执行过程中监视特定的变量或表达式。这对于调试复杂的逻辑和动态监控变量的值非常有用。 注意这个是针对浏览器级别设置的就是你针对A网页添加的watch在其他的B网页也是生效的。 BreakPoints 断点设置可选项 Pause on uncaught exceptions用于在未捕获的异常发生时暂停JavaScript执行。Pause on caught exceptions如果JavaScript代码捕获了一个异常执行将会自动暂停你可以查看调用栈和变量状态从而进行调试。 Scope 显示了当前代码执行上下文中的所有变量包括局部变量、全局变量、闭包变量等。 Local当前执行上下文中的局部变量。Closure闭包变量如果当前函数是一个闭包。Global全局变量。 鼠标右键点击变量还可以进行以下操作 Call Stack 当前代码执行位置的调用堆栈形象理解类似步枪弹夹的先进后出的数据结构列出了所有活动函数的调用顺序。每次代码在断点处暂停时Call Stack 会显示每个函数调用的层次结构从最底层的调用函数入口到当前暂停的位置。 执行顺序是从下到上查看的。 了解函数的调用链和顺序。查看并导航到每个函数调用的具体位置。返回到之前的函数调用位置检查它们的变量和状态。 function functionA() {functionB(); }function functionB() {functionC(); }function functionC() {debugger; // 这里设置一个断点 }functionA();调用堆栈顺序 补充anonymous匿名的 出现在调用栈中的原因是 JavaScript 代码执行时某些函数或代码块没有明确的名称。通过给函数命名尤其是在事件处理程序、立即执行函数和其他匿名函数中可以使调用栈更具可读性从而更容易调试和理解代码执行的路径。 XHR / fetch BreakPoints 如果要在 XHR 的请求网址包含指定的 字符串。DevTools 会在 XHR 调用 send() 的代码行暂停。 可以针对想要的XHR接口进行断点拦截。 检查调用堆栈查看调用堆栈了解请求是从哪里发起的。检查请求数据通过 Network 面板和 XHR/Fetch details检查请求的头信息、主体和响应数据。继续执行你可以选择继续执行代码单步执行或跳过当前断点。 DOM BreakPoints 在DOM元素发生特定变化时暂停JavaScript执行。 DOM 更改断点的类型 子树修改。当当前所选节点的子级被移除或 或更改子元素的内容。未在子节点属性更改时触发或 对当前所选节点进行任何更改。 属性修改在 当前选定的节点时或当属性值发生更改时。 节点移除在移除当前选定的节点时触发。 右键点击DOM断点弹出以下内容 Global Listener 指的是那些直接附加到全局对象如 window 和 document上的事件监听器。这些监听器可能负责处理页面加载、用户交互、窗口大小变化等全局性事件。 window.addEventListener(resize, function() {console.log(Window resized); });document.addEventListener(click, function() {console.log(Document clicked); }); 在 DevTools 的 Event Listeners 面板中你可以找到这些监听器 在 window 的 resize 事件下会显示附加的监听器及其相关信息。在 document 的 click 事件下会显示附加的监听器及其相关信息。 查看全局监听器有助于 调试全局事件处理了解哪些事件被监听可以帮助你调试和优化你的应用。性能分析附加过多的全局监听器可能影响性能通过检查这些监听器可以识别和优化不必要的监听器。排除错误有时候由于监听器被错误地附加在全局对象上会导致一些意想不到的问题通过查看全局监听器可以快速定位并修复这些问题。 Event Listener BreakPoints 如果要暂停在某事件监听器代码之后运行的事件监听器代码可以使用事件监听器断点 事件。您可以选择特定事件例如 click或事件类别。 选中其中一个类别即可在触发该类别的任何事件时暂停或展开 选择类别并选中特定事件。 事件归类归类说明事件说明Ad Auction Worklet这个面板主要用于帮助开发者理解和诊断在浏览器内执行广告拍卖的过程。 Bidder Bidding Phase Start Bidder Reporting Phase Start Seller Scoring Phase Start Seller Reporting Phase Start Animation设置 Animation 事件监听断点是调试动画代码。通过这种方式你可以在动画相关事件例如 animationstart、animationend、animationiteration触发时暂停代码执行并深入查看动画的执行情况。这对于优化动画性能和调试动画逻辑特别有帮助。 Request Animation Frame Cancel Animation Frame Animation Frame Fired Canvas设置 Canvas 事件监听断点是调试和优化使用 Canvas 进行绘图和动画的有效工具。 Create canvas context WebGL Error FiredWebGL Warning Fired Clipboard调试与剪贴板相关操作可以帮助开发者了解和优化用户与应用程序之间的剪贴板交互。 copy cut paste beforecopy beforecut beforepaste Control调试与表单控件、窗口大小和滚动操作等相关事件可以帮助开发者深入了解和优化用户界面的交互体验。 resize scroll scrollend scrollsnapchange scrollsnapchanging zoom focus blur select change submit reset Device调试与设备传感器和方向变化相关事件 deviceorientation devicemotion DOM Mutation调试和分析与 DOM 变动相关的操作。 DOMActivate DOMFocusIn DOMFocusOut DOMAttrModified DOMCharacterDataModified DOMNodeInserted DOMNodeInsertedIntoDocument DOMNodeRemoved DOMNodeRemovedFromDocument DOMSubtreeModified DOMContentLoaded Drag / drop调试与拖放操作相关事件。 drag dragstart dragend dragenter dragover dragleave drop Geolocation调试与地理定位相关事件 getCurrentPosition watchPosition Keyboard调试与键盘输入相关事件 keydown keyup keypress input Load调试与页面加载相关事件 load beforeunload unload abort error hashchange popstate navigate navigatesuccess navigateerror currentchange navigateto navigatefrom finish dispose Media调试与媒体元素相关事件 play pause playing canplay canplaythrough seeking seeked timeupdate ended ratechange durationchange volumechange loadstart progress suspend abort error emptied stalled loadedmetadata loadeddata waiting Mouse调试与鼠标交互相关事件 auxclick click dblclick mousedown mouseup mouseover mousemove mouseout mouseenter mouseleave mousewheel wheel contextmenu Notification调试与通知相关事件,关键通知事件如 click 和 close 上设置断点你可以详细分析和优化通知互动的过程确保用户体验的流畅和可靠。 requestPermission ParseParse 事件监测是一种用于监测代码解析阶段的事件它属于较低层级的调试技术 Set innerHTML document.write Picture-in-Picture调试与视频画中画模式相关事件 enterpictureinpicture leavepictureinpicture resize enterPointer调试鼠标、触控笔和触摸屏等多种输入事件 pointerover pointerout pointerenter pointerleave pointerdown pointerup pointermove pointercancel gotpointercapture lostpointercapture pointerrawupdate Script设置 Script 类别的事件监听断点 Script First Statement Script Blocked by Content Security Policy Shared Storage Worklet调试共享存储相关操作 Script First Statement Timer可以有效调试与定时器相关的 JavaScript 代码。无论是 setTimeout、setInterval 还是清除相应的计时器设置这些断点可以帮助你精确捕捉和分析代码执行过程中的计时器行为 setTimeout clearTimeout setTimeout fired setInterval clearInterval setInterval fired Touch有效调试与触摸事件相关的 JavaScript 代码 touchstart touchmovetouchend touchcancel WebAudio调试与 WebAudio 相关的 JavaScript 代码捕获音频处理事件还是状态变化事件 Create AudioContext Close AudioContext Resume AudioContext Suspend AudioContext Window调试与 Window 对象相关的 JavaScript 代码。这对于捕获和处理窗口事件非常有帮助能够帮助你更好地理解和优化你的页面行为和用户交互逻辑。 window.close Worker设置 Web Worker 的事件监听断点可以有效调试与 Web Worker 相关的 JavaScript 代码。 message messageerror XHR这对于捕获和处理 HTTP 请求和响应 readystatechange load loadstart loadend abort error progress timeout 谷歌浏览器事件监听断点的调试面板XHR CSP Violation Breakpoints Trusted Type Violation 基于 DOM 的跨站脚本攻击是指当用户控制 来源例如用户名或取自网址片段的重定向网址 到达一个接收器它是一个类似于 eval() 的函数或一个属性 setter如 .innerHTML可执行任意 JavaScript 代码。 Sink Violations用于监测潜在的安全性问题如反射型跨站脚本XSS攻击或者数据置换问题。Sink Violations 断点帮助开发者在脚本修改 DOM 或执行高度敏感操作时及时捕捉这些行为。Policy Violations捕获和处理跨域请求错误以及内容安全策略违规非常有帮助能够帮助你更好地理解和遵守安全策略。 技巧 打代码行断点 手动打断点 点击行号数字前的空白区域可以添加断点。同时右键点击断点可以将其设置为条件断点满足条件才进入断点。 代码中打断点 在代码中调用 debugger 即可暂停到该行。这相当于代码行 断点只不过是在代码中设置断点而不是在开发者工具界面中设置断点。 console.log(a); console.log(b); debugger; console.log(c);条件代码行断点 如果您想停止执行但仅在满足某些条件时才可使用条件代码行断点。 当您想跳过与您的情况无关的断点时尤其是在循环中时此类断点会很有用。 如需设置条件代码行断点请执行以下操作 打开 Sources 面板。打开包含您想要换行的代码行的文件。转到代码行。代码行的左侧是行号列。右键点击该图标。选择添加条件断点。代码行下方会显示一个对话框。在对话框中输入您的条件。按 Enter 键激活断点。行号列顶部会显示一个带问号的橙色图标。 记录代码行断点 使用日志代码行断点日志点将消息记录到控制台无需暂停执行也无需使用 console.log() 调用让您的代码杂乱无章。 打开来源面板。打开包含您想要换行的代码行的文件。转到代码行。代码行的左侧是行号列。右键点击该图标。选择添加日志点。代码行下方会显示一个对话框。在对话框中输入您的日志消息。您可以使用与调用 console.log(message) 相同的语法。按 Enter 键激活断点。行号列顶部会显示一个包含两个点的粉色图标。 使用“永不暂停”跳过断点 使用此处一律不暂停代码行断点来跳过因其他原因发生的暂停。如果您已启用异常断点但调试程序在您不想调试的特别嘈杂的异常上停止这将非常有用。 如需将某个休息位置静音请执行以下操作 在 Sources来源面板中打开源文件并找到您不希望换行的行。右键点击左侧行号列中的行号该行号位于导致换行的语句旁边。从下拉菜单中选择一律不在此处暂停。该行旁边会出现一个橙色条件断点。 您还可以在执行暂停时将断点静音。请观看下一个视频了解工作流程。 查看变量 将鼠标放置到变量身可以查看当前变量在当前状态下的值。划选来查看某一句表达式或语句的执行结果。 文章转载自: http://www.morning.ypdmr.cn.gov.cn.ypdmr.cn http://www.morning.frsxt.cn.gov.cn.frsxt.cn http://www.morning.rtspr.cn.gov.cn.rtspr.cn http://www.morning.nlmm.cn.gov.cn.nlmm.cn http://www.morning.zfgh.cn.gov.cn.zfgh.cn http://www.morning.kpxnz.cn.gov.cn.kpxnz.cn http://www.morning.wclxm.cn.gov.cn.wclxm.cn http://www.morning.zcnfm.cn.gov.cn.zcnfm.cn http://www.morning.mbfkt.cn.gov.cn.mbfkt.cn http://www.morning.c7497.cn.gov.cn.c7497.cn http://www.morning.mbqyl.cn.gov.cn.mbqyl.cn http://www.morning.zhghd.cn.gov.cn.zhghd.cn http://www.morning.krbjb.cn.gov.cn.krbjb.cn http://www.morning.knmby.cn.gov.cn.knmby.cn http://www.morning.ysqb.cn.gov.cn.ysqb.cn http://www.morning.jybj.cn.gov.cn.jybj.cn http://www.morning.jhrtq.cn.gov.cn.jhrtq.cn http://www.morning.lonlie.com.gov.cn.lonlie.com http://www.morning.hwprz.cn.gov.cn.hwprz.cn http://www.morning.jhrkm.cn.gov.cn.jhrkm.cn http://www.morning.yxmcx.cn.gov.cn.yxmcx.cn http://www.morning.hcsqznn.cn.gov.cn.hcsqznn.cn http://www.morning.rhkgz.cn.gov.cn.rhkgz.cn http://www.morning.wjtwn.cn.gov.cn.wjtwn.cn http://www.morning.rpwht.cn.gov.cn.rpwht.cn http://www.morning.jqkrt.cn.gov.cn.jqkrt.cn http://www.morning.bbgr.cn.gov.cn.bbgr.cn http://www.morning.cmhkt.cn.gov.cn.cmhkt.cn http://www.morning.slysg.cn.gov.cn.slysg.cn http://www.morning.hsgxj.cn.gov.cn.hsgxj.cn http://www.morning.zmbzl.cn.gov.cn.zmbzl.cn http://www.morning.dhqg.cn.gov.cn.dhqg.cn http://www.morning.lqqqh.cn.gov.cn.lqqqh.cn http://www.morning.bxbkq.cn.gov.cn.bxbkq.cn http://www.morning.qhln.cn.gov.cn.qhln.cn http://www.morning.lxhny.cn.gov.cn.lxhny.cn http://www.morning.brlcj.cn.gov.cn.brlcj.cn http://www.morning.sgmis.com.gov.cn.sgmis.com http://www.morning.bzjpn.cn.gov.cn.bzjpn.cn http://www.morning.dnmwl.cn.gov.cn.dnmwl.cn http://www.morning.tzrmp.cn.gov.cn.tzrmp.cn http://www.morning.wjplr.cn.gov.cn.wjplr.cn http://www.morning.qnbgk.cn.gov.cn.qnbgk.cn http://www.morning.wchsx.cn.gov.cn.wchsx.cn http://www.morning.ylklr.cn.gov.cn.ylklr.cn http://www.morning.wbnsf.cn.gov.cn.wbnsf.cn http://www.morning.ktpzb.cn.gov.cn.ktpzb.cn http://www.morning.pdghl.cn.gov.cn.pdghl.cn http://www.morning.ygxf.cn.gov.cn.ygxf.cn http://www.morning.fnmtc.cn.gov.cn.fnmtc.cn http://www.morning.gfqj.cn.gov.cn.gfqj.cn http://www.morning.ptwqf.cn.gov.cn.ptwqf.cn http://www.morning.grryh.cn.gov.cn.grryh.cn http://www.morning.wqbzt.cn.gov.cn.wqbzt.cn http://www.morning.hhfwj.cn.gov.cn.hhfwj.cn http://www.morning.bpmtl.cn.gov.cn.bpmtl.cn http://www.morning.ctfh.cn.gov.cn.ctfh.cn http://www.morning.rbnj.cn.gov.cn.rbnj.cn http://www.morning.bqrd.cn.gov.cn.bqrd.cn http://www.morning.fpqq.cn.gov.cn.fpqq.cn http://www.morning.lcbnb.cn.gov.cn.lcbnb.cn http://www.morning.kzpy.cn.gov.cn.kzpy.cn http://www.morning.cgbgc.cn.gov.cn.cgbgc.cn http://www.morning.mnsts.cn.gov.cn.mnsts.cn http://www.morning.drfrm.cn.gov.cn.drfrm.cn http://www.morning.hjwkq.cn.gov.cn.hjwkq.cn http://www.morning.yxdrf.cn.gov.cn.yxdrf.cn http://www.morning.wmfr.cn.gov.cn.wmfr.cn http://www.morning.fbdkb.cn.gov.cn.fbdkb.cn http://www.morning.nxdqz.cn.gov.cn.nxdqz.cn http://www.morning.pbmkh.cn.gov.cn.pbmkh.cn http://www.morning.brzlp.cn.gov.cn.brzlp.cn http://www.morning.jcyyh.cn.gov.cn.jcyyh.cn http://www.morning.rtpw.cn.gov.cn.rtpw.cn http://www.morning.jcfdk.cn.gov.cn.jcfdk.cn http://www.morning.wjtxt.cn.gov.cn.wjtxt.cn http://www.morning.rqwwm.cn.gov.cn.rqwwm.cn http://www.morning.xfmwk.cn.gov.cn.xfmwk.cn http://www.morning.yfphk.cn.gov.cn.yfphk.cn http://www.morning.qshxh.cn.gov.cn.qshxh.cn 查看全文 http://www.tj-hxxt.cn/news/256034.html 相关文章: 天津网站运营加快门户网站建设 石家庄建设局网站虚拟主机阿里云 公司手机网站建设价格四川瑞通工程建设有限公司网站 资阳网站seo无锡模板网站 北京网站备案负责人变更最新一键自助建站程序源码 灵犀科技 网站建设怎样做电子商务网站 如何做社交网站呼伦贝尔网站建设平台 网站上的动态背景怎么做的保护后台登录wordpress 做网站需要板块企业培训体系 网站做支付宝花呗分期营养师 网站 备案号免费代理服务器国外 企业建设网站策划案网站建设毅文科技 环境设计专业资料网站沧州网站建设制作 电子商务学网站建设好吗温州做微网站 怎样购买起名软件自己做网站全国招商加盟项目 网站开发兼职团队票务网站建设 毕业设计做视频网站设计泉州市建设系统培训中心网站 域名备案中网站可以开通积分网站建设 旧电脑做网站服务器wordpress菜单底部导航代码 《网站开发与应用》大作业后台管理系统登录入口 wix建设网站可以免费下载ppt模板的网站 国内 响应式网站乐清房产在线网 网站去掉index.htmlwordpress用win还是Linux 公司网站建设企业涟源市住房与城乡建设局网站 网站优化制作外贸网站制作教程 西安房产网站建设外贸seo外贸推广外贸网站建设外贸网站建设 深圳工信部网站魔兽wordpress 东莞路桥统缴天天seo百度点击器 网络建设网站有关知识粉色大气妇科医院网站源码 网站宣传方法有哪些用phpcms建网站流程