标签： browser

发布于

JS `Hooking Browser APIs` (`XMLHttpRequest`, `fetch`, `localStorage`) 监听行为

各位靓仔靓女，今天咱们来聊点刺激的：JS Hooking Browser APIs，也就是“扒浏览器API的底裤”。放心，咱们不违法犯罪，只是为了更好地理解和控制我们的代码。 先来个友好的提醒：Hooking 是一把双刃剑，用好了可以降妖除魔，用不好可能引火烧身。所以，务必遵守法律法规，尊重他人隐私，仅用于学习和安全研究目的。 一、为什么要Hook？ 想象一下，你正在做一个安全审计工具，需要监控网站的所有网络请求，或者你想调试一个第三方库，看看它到底往 localStorage 里塞了什么乱七八糟的东西。这时候，Hooking 就派上用场了。 简单来说，Hooking 就是在函数调用前后插入我们的代码，就像在高速公路上设置一个检查站，拦截每一辆经过的车，检查乘客信息。 二、Hooking 的几种姿势 咱们主要关注 XMLHttpRequest、fetch 和 localStorage 这三大金刚。 XMLHttpRequest (XHR) XMLHttpRequest 可是个老家伙了，但依然活跃在前端舞台上。Hooking 它，可以监控所有的 AJAX 请求。 原理： 替换原生的 XM …

继续阅读“JS `Hooking Browser APIs` (`XMLHttpRequest`, `fetch`, `localStorage`) 监听行为”

发布于

JS `Browser Exploit Kits` (`BEK`) 与 `Client-Side` 漏洞利用

Alright, buckle up buttercups,今天咱们聊聊JS Browser Exploit Kits（BEK）和 Client-Side 漏洞利用，保证让你们听完之后，感觉自己离黑客帝国又近了一步（当然，前提是别真干坏事儿）。 开场白：谁动了我的奶酪？——Client-Side 攻击的魅力 想象一下，你辛辛苦苦搭建了一个固若金汤的服务器，防火墙三重保护，入侵检测系统 24 小时待命。结果呢？黑客没费一枪一弹，直接在你用户的浏览器上拿下了控制权。是不是感觉像被人偷了奶酪一样？这就是 Client-Side 攻击的魅力，它绕过了服务器端的重重防御，直接攻击用户端，往往能起到出其不意的效果。 第一幕：JS Browser Exploit Kit (BEK) 是个啥？ BEK，简单来说，就是一套预先打包好的恶意代码工具包，专门用于利用浏览器和插件中的漏洞。它就像一个黑客界的“瑞士军刀”，里面包含了各种各样的漏洞利用模块，针对不同版本的浏览器和插件。 工作原理: BEK 的核心思想是“广撒网，重点捞鱼”。它会先探测用户的浏览器版本、插件版本，然后根据这些信息，选择合适的漏洞利用 …

继续阅读“JS `Browser Exploit Kits` (`BEK`) 与 `Client-Side` 漏洞利用”

发布于

JS `headless browser` (无头浏览器)：自动化测试与网络爬虫高级应用

各位观众老爷，大家好！今天咱们聊聊一个听起来有点“高冷”，但用起来绝对“真香”的技术：JS headless browser，也就是 JavaScript 无头浏览器。 啥是无头浏览器？ 简单来说，无头浏览器就像一个没有显示器的浏览器。它拥有浏览器的所有功能，比如解析 HTML、执行 JavaScript、渲染页面等等，但你看不到它干活的样子。想象一下，你让一个幽灵偷偷帮你上网，干完活悄悄溜走，这就是无头浏览器。 为啥要用无头浏览器？ 你可能会问，既然看不到，那要它有啥用？别急，它的用处可大了，主要体现在以下两个方面： 自动化测试： 告别手动点击，让测试脚本像打了鸡血一样自动跑起来，解放你的双手，让你有更多时间摸鱼…啊不，是思考人生。 网络爬虫： 有些网站的数据可不是简单地用 requests 就能拿到的，需要 JavaScript 动态渲染。这时，无头浏览器就派上用场了，它可以模拟用户行为，拿到最终渲染后的页面，轻松抓取数据。 主流选手：Playwright, Puppeteer, Selenium 市面上无头浏览器框架不少，但最受欢迎的莫过于这三位： Playwrigh …

继续阅读“JS `headless browser` (无头浏览器)：自动化测试与网络爬虫高级应用”

发布于

JS `SQLite` in Browser (`sql.js`)：浏览器端关系型数据库

各位靓仔靓女们，今天咱们来聊点刺激的——如何在你的浏览器里玩转关系型数据库！没错，就是那个你熟悉的SQL，但这次它是在你的浏览器里跑，是不是感觉有点赛博朋克？ 开场白：SQL.js，你的浏览器里的数据库小精灵 想象一下，你有一个需要大量结构化数据存储和查询的Web应用，但你又不想依赖服务器，或者想让你的应用拥有离线能力。这时候，sql.js就如同阿拉丁神灯里的精灵，嗖的一下，给你变出一个数据库来。 sql.js是一个用JavaScript编译的SQLite数据库。简单来说，它就是把SQLite这个著名的关系型数据库引擎，用Emscripten编译成了JavaScript代码。这意味着你可以在任何支持JavaScript的浏览器环境中使用它，而无需任何服务器端的支持。 第一部分：快速上手，让数据库飞起来 咱们先来个最简单的例子，让你感受一下sql.js的魅力。 引入sql.js 首先，你需要引入sql.js库。你可以从CDN或者npm下载它。这里我们使用CDN的方式： <script src=”https://cdnjs.cloudflare.com/ajax/libs/sql.j …

继续阅读“JS `SQLite` in Browser (`sql.js`)：浏览器端关系型数据库”

发布于

浏览器指纹识别（Browser Fingerprinting）的原理与反指纹技术

好的，朋友们，各位技术大咖，以及未来的编程巨匠们，欢迎来到“浏览器指纹识别与反指纹技术”的奇妙世界！我是你们今天的导游，将带领大家穿梭于数字迷宫，探索指纹的奥秘，揭秘反指纹的策略，当然，全程保证不枯燥，不掉队，还有彩蛋哦！😉 开场白：你是谁？从“Hello World”到“浏览器指纹” 咱们写代码的第一步，通常是“Hello World”。但互联网世界认识你的第一步，可不是简单的打招呼，而是通过你浏览器留下的“指纹”。别紧张，这并不是科幻电影，而是真实存在的技术。 想象一下，你走进一家咖啡馆，还没开口，服务员就能根据你的走路姿势、穿着打扮、甚至眼神，大致判断出你是常客还是新人，喜欢喝什么咖啡。浏览器指纹识别，就像这位眼光毒辣的服务员，它能通过分析你浏览器的一系列特征，来识别你的身份。 第一部分：浏览器指纹识别：数字世界的“DNA” 什么是浏览器指纹？简单来说，它就是浏览器在与服务器交互时，泄露的一系列信息组合。这些信息就像你的DNA，虽然不是唯一标识，但足以区分你和大多数人。 1. 指纹的构成：五花八门的“特征点” 浏览器指纹包含的信息非常丰富，就像一幅由无数像素点组成的画作。我们来细 …

继续阅读“浏览器指纹识别（Browser Fingerprinting）的原理与反指纹技术”

发布于

浏览器扩展（Browser Extensions）的安全开发与审计

好的，各位靓仔靓女，程序猿媛们，大家好！我是你们的老朋友，人见人爱的代码界段子手，今天咱们来聊聊一个既性感又危险的话题——浏览器扩展的安全开发与审计。 开场白：扩展，潘多拉的盒子？ 浏览器扩展，这玩意儿就像是浏览器的小助手，能帮你翻译网页、拦截广告、甚至还能自动抢火车票，简直是生活神器！但是，就像潘多拉的盒子一样，一旦打开，里面可不光有惊喜，还有可能藏着妖魔鬼怪。 想想看，一个恶意扩展如果潜伏在你浏览器里，那简直就是在你家门口装了个摄像头，你的一举一动，你的账号密码，你的浏览记录，统统暴露在它的眼皮子底下，细思极恐啊！😱 所以，今天咱们就来扒一扒浏览器扩展的底裤，看看如何安全地开发它，以及如何像福尔摩斯一样审计它，让那些妖魔鬼怪无处遁形。 第一幕：了解你的敌人——浏览器扩展安全威胁 在开始编码之前，咱们得先了解敌人。知己知彼，才能百战不殆嘛！浏览器扩展面临的安全威胁可不少，我给大家列个表： 威胁类型 描述 危害 防御措施 跨站脚本攻击 (XSS) 恶意脚本注入到扩展页面，窃取用户数据或篡改页面内容。 盗取用户 Cookie、修改网页内容、重定向用户到恶意网站。 输入验证、输出编码、使用 …

继续阅读“浏览器扩展（Browser Extensions）的安全开发与审计”