【调试】前端js调试流程记录

100 篇文章 2 订阅
订阅专栏

【调试】前端js调试流程记录

1 F12 进入调试

2 通过网络找到要找的参数或返回值

3 打开来源或源代码 - 再通过搜索2的参数找到对应的源代码 就可以打断点调试了

4 在打断点的过程中 可以通过控制台输出对应的变量  或者执行对应的自定义js  比如给变量赋值等

// 看最后几行

function f(a, b, c, d, e, f) {
            return k(l(k(k(b, a), k(d, f)), e), c)
        }
        function g(a, b, c, d, e, g, h) {
            return f(b & c | ~b & d, a, b, e, g, h)
        }
        function h(a, b, c, d, e, g, h) {
            return f(b & d | c & ~d, a, b, e, g, h)
        }
        function i(a, b, c, d, e, g, h) {
            return f(b ^ c ^ d, a, b, e, g, h)
        }
        function j(a, b, c, d, e, g, h) {
            return f(c ^ (b | ~d), a, b, e, g, h)
        }
        function k(a, b) {
            var c = (65535 & a) + (65535 & b);
            return (a >> 16) + (b >> 16) + (c >> 16) << 16 | 65535 & c
        }
        function l(a, b) {
            return a << b | a >>> 32 - b
        }



function m(a) {
    for (var b = a.length, c = new Array(b), d = 0; d < b; d++) {
        var e = a.charCodeAt(d);
        c[d] = 255 & e
    }
    return c
}

function o(a) {
    for (var b = 1 + (a.length + 8 >> 6), c = new Array(16 * b), d = 0; d < 16 * b; d++)
        c[d] = 0;
    for (var e = 0; e < a.length; e++)
        c[e >> 2] |= (255 & a[e]) << e % 4 * 8;
    return c[e >> 2] |= 128 << e % 4 * 8,
        c[16 * b - 2] = 8 * a.length,
        c
}

function e(a, b) {
    for (var c = 1732584193, d = -271733879, e = -1732584194, f = 271733878, l = 0; l < a.length; l += 16) {
        var m = c
        , n = d
        , o = e
        , p = f;
        c = g(c, d, e, f, a[l + 0], 7, -680876936),
            f = g(f, c, d, e, a[l + 1], 12, -389564586),
            e = g(e, f, c, d, a[l + 2], 17, 606105819),
            d = g(d, e, f, c, a[l + 3], 22, -1044525330),
            c = g(c, d, e, f, a[l + 4], 7, -176418897),
            f = g(f, c, d, e, a[l + 5], 12, 1200080426),
            e = g(e, f, c, d, a[l + 6], 17, -1473231341),
            d = g(d, e, f, c, a[l + 7], 22, -45705983),
            c = g(c, d, e, f, a[l + 8], 7, 1770035416),
            f = g(f, c, d, e, a[l + 9], 12, -1958414417),
            e = g(e, f, c, d, a[l + 10], 17, -42063),
            d = g(d, e, f, c, a[l + 11], 22, -1990404162),
            c = g(c, d, e, f, a[l + 12], 7, 1804603682),
            f = g(f, c, d, e, a[l + 13], 12, -40341101),
            e = g(e, f, c, d, a[l + 14], 17, -1502002290),
            d = g(d, e, f, c, a[l + 15], 22, 1236535329),
            c = h(c, d, e, f, a[l + 1], 5, -165796510),
            f = h(f, c, d, e, a[l + 6], 9, -1069501632),
            e = h(e, f, c, d, a[l + 11], 14, 643717713),
            d = h(d, e, f, c, a[l + 0], 20, -373897302),
            c = h(c, d, e, f, a[l + 5], 5, -701558691),
            f = h(f, c, d, e, a[l + 10], 9, 38016083),
            e = h(e, f, c, d, a[l + 15], 14, -660478335),
            d = h(d, e, f, c, a[l + 4], 20, -405537848),
            c = h(c, d, e, f, a[l + 9], 5, 568446438),
            f = h(f, c, d, e, a[l + 14], 9, -1019803690),
            e = h(e, f, c, d, a[l + 3], 14, -187363961),
            d = h(d, e, f, c, a[l + 8], 20, 1163531501),
            c = h(c, d, e, f, a[l + 13], 5, -1444681467),
            f = h(f, c, d, e, a[l + 2], 9, -51403784),
            e = h(e, f, c, d, a[l + 7], 14, 1735328473),
            d = h(d, e, f, c, a[l + 12], 20, -1926607734),
            c = i(c, d, e, f, a[l + 5], 4, -378558),
            f = i(f, c, d, e, a[l + 8], 11, -2022574463),
            e = i(e, f, c, d, a[l + 11], 16, 1839030562),
            d = i(d, e, f, c, a[l + 14], 23, -35309556),
            c = i(c, d, e, f, a[l + 1], 4, -1530992060),
            f = i(f, c, d, e, a[l + 4], 11, 1272893353),
            e = i(e, f, c, d, a[l + 7], 16, -155497632),
            d = i(d, e, f, c, a[l + 10], 23, -1094730640),
            c = i(c, d, e, f, a[l + 13], 4, 681279174),
            f = i(f, c, d, e, a[l + 0], 11, -358537222),
            e = i(e, f, c, d, a[l + 3], 16, -722521979),
            d = i(d, e, f, c, a[l + 6], 23, 76029189),
            c = i(c, d, e, f, a[l + 9], 4, -640364487),
            f = i(f, c, d, e, a[l + 12], 11, -421815835),
            e = i(e, f, c, d, a[l + 15], 16, 530742520),
            d = i(d, e, f, c, a[l + 2], 23, -995338651),
            c = j(c, d, e, f, a[l + 0], 6, -198630844),
            f = j(f, c, d, e, a[l + 7], 10, 1126891415),
            e = j(e, f, c, d, a[l + 14], 15, -1416354905),
            d = j(d, e, f, c, a[l + 5], 21, -57434055),
            c = j(c, d, e, f, a[l + 12], 6, 1700485571),
            f = j(f, c, d, e, a[l + 3], 10, -1894986606),
            e = j(e, f, c, d, a[l + 10], 15, -1051523),
            d = j(d, e, f, c, a[l + 1], 21, -2054922799),
            c = j(c, d, e, f, a[l + 8], 6, 1873313359),
            f = j(f, c, d, e, a[l + 15], 10, -30611744),
            e = j(e, f, c, d, a[l + 6], 15, -1560198380),
            d = j(d, e, f, c, a[l + 13], 21, 1309151649),
            c = j(c, d, e, f, a[l + 4], 6, -145523070),
            f = j(f, c, d, e, a[l + 11], 10, -1120210379),
            e = j(e, f, c, d, a[l + 2], 15, 718787259),
            d = j(d, e, f, c, a[l + 9], 21, -343485551),
            c = k(c, m),
            d = k(d, n),
            e = k(e, o),
            f = k(f, p)
    }
    return new Array(c,d,e,f)
}

function n(a) {
    for (var b = "0123456789abcdef", c = "", d = 0; d < 4 * a.length; d++)
        c += b.charAt(a[d >> 2] >> d % 4 * 8 + 4 & 15) + b.charAt(a[d >> 2] >> d % 4 * 8 & 15);
    return c
}

// 最终的加密方法
function d(a) {
    return n(e(o(m(a + "{1#2$3%4(5)6@7!poeeww$3%4(5)djjkkldss}")), 32))
}




var 密码b = '123'
var 验证码c = '7954'
//密码
var 密码e = 密码b

//方法d = 方法F
// 第一次加密
console.info(d(d(密码b) + 验证码c))

// 最终拿到参数j_mcmm
console.info(d(d(密码e) + ''))


//可以直接放到控制台执行  得到计算出的结果







JS实用技巧断点调试详解_前端js断点测试,2024年网络安全技术下半场在哪
2401_83974660的博客
04-17 689
在实际的渗透测试过程中,面对复杂多变的网络环境,当常用工具不能满足实际需求的时候,往往需要对现有工具进行扩展,或者编写符合我们要求的工具、自动化脚本,这个时候就需要具备一定的编程能力。如果亲手尝试过单步调试的小伙伴就会发现,单步调试其实并不能满足我们找bug的需求,因为单步调试是不能进入函数体内,我们也就不能跟踪函数体内变量的变化。使用Step into按钮,我们就可以进入函数体内,在单步调试过程中,当经过函数调用时,点击Step into就可以进入该函数体内。如图所示,函数体内的变量变化就一目了然了。
新手向:前端程序员必学基本技能——调试JS代码
u012384510的博客
11-14 8126
1前言大家好,我是若川。最近组织了源码共读活动,感兴趣的可以加我微信 ruochuan12 参与,已进行三个月了,大家一起交流学习,共同进步。想学源码,极力推荐之前我写的《学习源码整体架构...
js经验分享 JavaScript反调试技巧
10-18
在这篇文章中,我打算跟大家总结一下关于JavaScript反调试技巧方面的内容。值得一提的是,其中有些方法已经被网络犯罪分子广泛应用到恶意软件之中了,需要的朋友可以参考下
一探前端开发中的JS调试技巧
02-26
前言:调试技巧,在任何一项技术研发中都可谓是必不可少的技能。掌握各种调试技巧,必定能在工作中起到事半功倍的效果。譬如,快速定位问题、降低故障概率、帮助分析逻辑错误等等。而在互联网前端开发越来越重要的今天,如何在前端开发中降低开发成本,提升工作效率,掌握前端开发调试技巧尤为重要。本文将一一讲解各种前端JS调试技巧,也许你已经熟练掌握,那让我们一起来温习,也许有你没见过的方法,不妨一起来学习,也许你尚不知如何调试,赶紧趁此机会填补空白。骨灰级调试大师Alert那还是互联网刚刚起步的时代,网页前端还主要以内容展示为主,浏览器脚本还只能为页面提供非常简单的辅助功能的时候。那个时候,网页主要运行在以IE
前端js调试技巧
weixin_33713350的博客
07-10 378
版权声明:本文为 Codeagles 原创文章,可以随意转载,但必须在明确位置注明出处!!! 身为前端小白的后端的我,又学会了一个前端调试技巧,可以调试js问题。 问题 在做一个页面的时候,js逻辑写完,所需要的js文件也都引入了,但是就是没有效果,我猜测是js代码出问题了,但是苦于不知道怎么调试。 ####方法 经过一番折腾发现了一个利器(对于小白的我来说是神器),在页面中加入一段js代码...
前端奇技淫巧之js调试
qq_45472813的博客
05-17 4070
console详情 个人博客:lihai-boop.github.io 上班写bug,下班修bug。调试在日常开发中占大半,相信小伙伴们和我一样,调试只会用console.log。今天我们一起学习其他js调试工具,帮忙我们提高效率。 首先看下console对象中有什么我们不知道的方法 哎呀,不看不知道,一看吓一跳。简单的console居然有这么多方法! console.log() 相信小伙伴们会拍着胸口说:不就是简单的输出吗?console.log("Hello World")js入门级别的代码。 但
前端js调试
clearlove_lbx的博客
06-18 136
source调试 打开要调试的页面,按下F12键,打开调试窗口source标签页,可以查看到网页资源, 选择要调试js文件 QQ图片20170618154024.png 选择要查看的数组categories,右键选择Evaluate in console选项,查看categories中的值,从而确认后台传递过来的数据是否正确 ...
前端js调试就是这么简单
沛哥儿的专栏
08-26 299
很长时间没有去写前端代码了。 在前端工程师比较忙的时候,一些比较简单的bug。不太想直接麻烦他,同时自己也想学点东西。就搞起来了。 修改bug,少不了的就是调试。打断点。 但是在vue的情况下,发现很多页面其实不是很好去直接找到源码,然后定位到断点去。 一般的debugger模式有以下几种简单方式。 1、输出日志的方式。 看数据格式是否符合预期,然后根据数据来判断。 特点是数据会在控制台输出。可以显示所有的数据。 2、使用alter的弹窗方式 这个不用看,执行到了就会输出。 3、使...
前端js练习调试的代码
04-12
练习代码
charles 浏览器代理,前端调试工具
12-14
charlse是一款浏览器端代理工具,可以监视、拦截、替换全部的浏览器和服务器端的http协议文本,raw data等,不仅仅具有监视功能,还可以拦截并替换部分js,html页面,从而在本机调试服务器内容或绕过服务器限制等。
前端 js 调试的方法
qq_34963461的博客
09-24 350
首先是一个简单的导航条 html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> xmlns="http://www.w3.org/1999/xhtml"> http-equiv="Content-Type" content=
前端调试js小技巧
Leo的博客
11-16 351
前端调试js小技巧 在前端调试中,会经常添加console.log()语句,调试完后又需要挨个删除,比较麻烦,于是想到这么一个办法(希望以后遇到更好的办法) consoleLog(1,'alert',a) function consoleLog(flag=false,type,...outs) { /* input: flag:是否启用,true/false type...
前端开发中的JS调试技巧
世界只因有你
08-24 642
摘要:本文主要讲解了前端JS的各种调试方法,也解决了我一直头疼的问题,前端框架内嵌JS,以至于我在浏览器Sources树中无法找到我要调试的代码。骨灰级调试大师Alert相信这个大家肯定都知道,可以一行一行的进行判断,是否走到此处。不过弊端就是它会阻止下面代码的运行。新一代调试王者Console
前端必看】极大提高开发效率的网页 JS 调试技巧
fe_watermelon的博客
03-05 1052
大家好,我是前端西瓜哥。本文讲解如何使用浏览器提供的工具进行 JS 代码的断点调试
JS 调试
Changkaix的博客
04-21 292
1. 双重循环:制作九九乘法表。 思路:(一共要执行9遍,每遍要执行多少次由第几遍决定) 代码: 效果: 2.break和continue的区别 (都表示终止执行) break (用于终止循环,在break后面的语句不再执行) continue(只能在循环结构中使用,退出本次循环,继续后面的循环) 3.调试代码的几种方法: 一 : alert 二: debugger 三:console.log(i) ...
js调试
伊始的博客
12-17 203
初心不改,愿大家一起越来越好~~~
chrome前端js断点调试
最新发布
09-05
请注意,这只是简单介绍了如何在Chrome浏览器中设置和使用断点来调试前端JavaScript代码。在实际调试过程中,您可能需要更多的调试技巧和高级功能,如条件断点、监视表达式等。您可以在Chrome开发者文档中找到更多...

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
写文章

热门文章

  • 【异常】JDK21报错NoSuchFieldError: Class com.sun.tools.javac.tree.JCTree$JCImport does not have member fie 41071
  • 【问题】IDEA Maven pom.xml 变灰 出现删除线 27240
  • 【Windows】使用SSH连接Windows 12873
  • 【配置】Nacos 使用/问题/教程/配置整理 11348
  • 【规则】Adblock Plus 广告过滤规则自用整理 10650

分类专栏

  • 二次开发 16篇
  • 前端技术 71篇
  • 安装配置 61篇
  • 并发线程 4篇
  • 数据库 7篇
  • 微信小程序 1篇
  • 微信集成 1篇
  • Android 4篇
  • .NET 3篇
  • Python 1篇
  • 开源系统 20篇
  • 学习进阶 16篇
  • 工具自用 81篇
  • 技巧心得 100篇
  • 后端开发 25篇
  • 问题异常 85篇
  • 技 术 栈 14篇
  • 运维服务 37篇
  • 编程语言 10篇
  • 使用说明 29篇
  • 架构心得 33篇
  • 办公技巧 4篇

最新评论

  • 【异常】JDK21报错NoSuchFieldError: Class com.sun.tools.javac.tree.JCTree$JCImport does not have member fie

    dhx66611: 不行的,可以删除iml文件,重新构建一下项目,再编译

  • 【异常】JDK21报错NoSuchFieldError: Class com.sun.tools.javac.tree.JCTree$JCImport does not have member fie

    汤好撑: 表情包+1

  • 【异常】JDK21报错NoSuchFieldError: Class com.sun.tools.javac.tree.JCTree$JCImport does not have member fie

    Smile Againゾ715: 一点没解决

  • 【异常】Springboot 新版 LocalVariableTableParameterNameDiscoverer 报红不存在的解决方案记录

    我是Superman丶: 我重新编辑了一下文章, 你可以参考一下如何操作

  • 【异常】Springboot 新版 LocalVariableTableParameterNameDiscoverer 报红不存在的解决方案记录

    Tanshu丶: 请问是如何代替,具体是怎么操作的。

您愿意向朋友推荐“博客详情页”吗?

  • 强烈不推荐
  • 不推荐
  • 一般般
  • 推荐
  • 强烈推荐
提交

最新文章

  • 【技巧】XML换行替换\n --> &#x0A;
  • 【用法】java 解析 XML dom4j
  • 【二开】jeecgboot 前端js在线增强
2024年36篇
2023年141篇
2022年66篇
2021年104篇
2020年231篇

目录

目录

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

我是Superman丶

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或 充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值

深圳SEO优化公司广安模板网站建设价格廊坊设计公司网站哪家好新乡网站建设哪家好眉山百度爱采购公司玉溪SEO按天扣费价格荆门企业网站改版价格唐山百姓网标王推广常州网站设计模板价格巢湖网页设计报价同乐网站优化推广价格迁安企业网站设计报价湛江百度网站优化价格廊坊网站推广方案推荐大丰seo网站推广推荐娄底seo多少钱福永网络推广价格咸阳网站改版公司德州百度标王公司雅安百度竞价爱联如何制作网站报价南充网页制作公司济南关键词排名爱联百度竞价哪家好嘉兴网站优化推广哪家好西安网络广告推广多少钱安阳优秀网站设计价格思茅SEO按天计费哪家好泉州seo网站优化公司沧州seo排名推荐惠州网站搭建哪家好歼20紧急升空逼退外机英媒称团队夜以继日筹划王妃复出草木蔓发 春山在望成都发生巨响 当地回应60岁老人炒菠菜未焯水致肾病恶化男子涉嫌走私被判11年却一天牢没坐劳斯莱斯右转逼停直行车网传落水者说“没让你救”系谣言广东通报13岁男孩性侵女童不予立案贵州小伙回应在美国卖三蹦子火了淀粉肠小王子日销售额涨超10倍有个姐真把千机伞做出来了近3万元金手镯仅含足金十克呼北高速交通事故已致14人死亡杨洋拄拐现身医院国产伟哥去年销售近13亿男子给前妻转账 现任妻子起诉要回新基金只募集到26元还是员工自购男孩疑遭霸凌 家长讨说法被踢出群充个话费竟沦为间接洗钱工具新的一天从800个哈欠开始单亲妈妈陷入热恋 14岁儿子报警#春分立蛋大挑战#中国投资客涌入日本东京买房两大学生合买彩票中奖一人不认账新加坡主帅:唯一目标击败中国队月嫂回应掌掴婴儿是在赶虫子19岁小伙救下5人后溺亡 多方发声清明节放假3天调休1天张家界的山上“长”满了韩国人?开封王婆为何火了主播靠辱骂母亲走红被批捕封号代拍被何赛飞拿着魔杖追着打阿根廷将发行1万与2万面值的纸币库克现身上海为江西彩礼“减负”的“试婚人”因自嘲式简历走红的教授更新简介殡仪馆花卉高于市场价3倍还重复用网友称在豆瓣酱里吃出老鼠头315晚会后胖东来又人满为患了网友建议重庆地铁不准乘客携带菜筐特朗普谈“凯特王妃P图照”罗斯否认插足凯特王妃婚姻青海通报栏杆断裂小学生跌落住进ICU恒大被罚41.75亿到底怎么缴湖南一县政协主席疑涉刑案被控制茶百道就改标签日期致歉王树国3次鞠躬告别西交大师生张立群任西安交通大学校长杨倩无缘巴黎奥运

深圳SEO优化公司 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化