首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

如何优雅地查看 JS 错误堆栈?

(https://my.cdn.com/dest/vendor.eb28ded1876760b8e90973c9f4813a2c.js:1:245631) 这个堆栈,你看得出问题来吗?...假如有下面的一个堆栈查看工具,又如何? [堆栈查看工具] 眼尖的同学,一眼就能找到问题。这里的 p[e] 出现了可能为 undefined 的情况。 这样一个工具,大大提高了问题定位的效率。...url - 源码的 URL 地址 line - 堆栈位置行号 col - 堆栈位置列号 对于 url,我们可以用于加载源码内容,得到 source source 使用 UglifyJs 反向美化成多行的代码...prettyline 和 prettycol 将 prettysource、prettyline、prettycol 给到 Monaco Editor 渲染,就可以得到上述截图的效果 说那么多,不如贴代码是吧...{ return { code: code, sourceMapConsumer: consumer } }) ); 上面就是使用 UglifyJs 对压缩代码进行反向美化的核心代码

9.1K40

调试JS代码

记录下近期对JS代码的调试过程 性能分析 启动程序之后,打开google浏览器对应页面,按F12或者Ctrl+Shift+I进入 开发者工具页面 目前主要使用的功能有: Performance....性能评估,比如我想看下页面刷新的性能瓶颈所在,先点击 按钮,然后进行页面操作,当页面刷新完成,再点击 按钮,则会生成性能报告,可以看到资源消耗,JS代码的执行逻辑等 Sources....性能报告页面的 部分,可以通过点击色块查看其所在的js代码文件,如 点击则会跳转到 功能栏,有了源文件就可以进行断点调试;这里注意部分js文件是压缩后的文件,建议手动修改程序替换成可读性更强的原始代码文件...查看程序的打印输出,比如我想知道某个函数的执行时间,可以在js代码中进行修改 当js代码执行之后,可以在console输出中看到foo的执行时间 Network....[2,1,4,10…]的 颜色数组 转换成RGB表示,js代码使用for循环进行操作,也就是线性复杂度,计算耗时随数据量的增大而线性增大 通过debug观察发现颜色数组会有不少重复的数值,而同样的输入会导致相同的输出

19K10

js代码规范

前言 在js代码开发中,我简单的总结出了以下规则,后面会陆续补充并且对规范进行分类。...js代码建议保存到后缀名.js的文件中 js代码不建议放在html中,原因有:不能被缓存,会增大网页文件的大小,可维护性不高,会影响页面的加载。...js吧任何表达式都当一条简单语句,会导致一些隐性的错误。如果自己没加分号,那么js解释器会自动添加分号,按照自己能读懂的断句。 9.2 复合语句 也称为语句块,被包在大括号内部。...比如对象 var obj={} ;var arr=[] eval eval是最容易混乱使用的js函数,他可以执行内部入参的js函数或者表达式,可以直接解析变量。不建议使用 。...尽量使用语法严格模式 消除代码之中的不友好;代码运行更快 ;保证运行的安全 ;为新版本的js做好铺垫。 22.

8.8K30

JS代码混淆 | js 逆向系列

-g uglifyjs example.js -c -m --mangle-props -c 代码压缩 -m 代码混淆 --mangle-props 混淆属性名 -b 美化显示 // 原代码 const...JShaman https://www.jshaman.com/ JShaman 是国内公司开发的js代码加密商业产品 免费版可以直接使用 // 原代码 const person = { age...,通过数组、字典等各种形式存储、拼接、替换等,最终进行还原,这里面没有利用到复杂的语法以及js 语言本身的特性,所以我们一点点解开也学不到什么; 这个代码就不一样了,我们一步一步解开它,尝试去学习其中的思路...https://obfuscator.io/#code 官网提供了图形化配置项以及对应的配置项解析,大家也可以从官网查看 2) Options Preset 在预设置中,有图片中四种预设,单独的设置项应该有几十种...,四种预设分别采用不同的配置,有点像中杯、大杯、超大杯的意思 配置项比较多,截图不够完整,大家可以去官网查看 3) Target 指定代码的执行环境 浏览器 浏览器无 eval nodejs 这个就看具体的执行环境了

86010

RTSPOnvif视频平台EasyNVR无法查看HLS视频流的问题排查

EasyNVR视频边缘计算网关是软硬一体的产品,它的视频能力在于通过RTSP/ONVIF协议,接入前端音视频采集设备,将拉取过来的音视频流转化成适合全平台播放的RTMP、FLV、HLS、WebRTC等视频流格式...无论是PC浏览器还是手机APP、手机浏览器、微信客户端,EasyNVR都能做到无缝接入,为用户提供随时随地查看视频图像的体验。...近期用户反馈在运行EasyNVR时,出现了无法查看HLS视频流的情况(没有生成HLS流)。今天我们来分享一下排查与解决方法。 没有生成HLS流原因有很多。...EasyNVR多年服务于各行各业视频基础建设,其可靠性、完整性、稳定性已经受到了业界的广泛认可。

54230
领券