# bookmarklet-toolbox

**Repository Path**: miaoaa66/bookmarklet-toolbox

## Basic Information

- **Project Name**: bookmarklet-toolbox
- **Description**: bookmarklet-toolbox 是一套免安装、即点即用的浏览器书签小工具集。所有工具均为单行 JavaScript 书签（bookmarklet），无需任何插件与扩展，保存为收藏夹书签即可在任意网页一键运行，兼顾前端开发者调试与普通用户浏览需求。
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2026-08-29
- **Last Updated**: 2026-09-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: 工具

## README

# bookmarklet-toolbox

一套免安装、即点即用的浏览器书签（bookmarklet）小工具集。

所有工具均为**单行 JavaScript**，无需任何插件或扩展，保存为浏览器收藏夹书签后，即可在任意网页一键运行。本仓库既适合前端开发者调试页面布局，也适合普通用户在浏览网页时提升效率。

## 特性

- 零依赖、零安装：每个脚本都是一行独立代码

- 点击即用：保存为书签后一键执行

- 部分工具支持「点击开启 / 再点关闭」

- 跨浏览器：支持 Chrome、Edge、Firefox 等主流浏览器

## 安装方法

1. 在浏览器收藏夹（书签栏）点击「新建书签 / 添加书签」。
2. 名称随意填写，例如 `网页边框`。
3. 网址（URL）栏粘贴对应 `.js` 文件中的**整行内容**。
4. 保存后，在任意网页点击该书签即可运行。

> 提示：由于部分浏览器会过滤地址栏里的 `javascript:`，建议统一使用「新建书签粘贴 URL」的方式导入。

## 工具列表

| 脚本文件                             | 功能说明                                                     | 对当前页面的影响   | 可否切换 |
| ------------------------------------ | ------------------------------------------------------------ | ------------------ | -------- |
| [网页边框.js](./网页边框.js)         | 给页面所有元素加上红色边框，快速看清元素布局                 | 可关闭（再点切换） | 支持     |
| [深色模式.js](./深色模式.js)         | 反色滤镜，一键切换深色模式（没有深色主题的网页我们自己实现） | 可关闭（再点切换） | 支持     |
| [显示元素信息.js](./显示元素信息.js) | 鼠标划过元素，底部实时显示标签名、class/id、宽高             | 可关闭（再点切换） | 支持     |
| [禁用所有CSS.js](./禁用所有CSS.js)   | 停用全部样式，查看页面纯语义结构                             | 可关闭（再点切换） | 支持     |
| [页面编辑.js](./页面编辑.js)         | 把页面变成可编辑文本，随手改字截图（开启后，快速修改元素内文字的内容，验证文字多少对布局的影响） | 可关闭（再点切换） | 支持     |
| [解除限制.js](./解除限制.js)         | 破解网页右键、复制、选中限制（例如csdn不需要登陆即可复制）   | 关不了（刷新恢复） | 否       |
| [显示密码.js](./显示密码.js)         | 把密码框的掩码明文显示，方便核对（将当前网页上的密码框内容明文展示出来） | 关不了（刷新恢复） | 否       |
| [提取所有图片.js](./提取所有图片.js) | 新标签页汇总当前页全部图片（去重、缩略图）                   | 无影响（新标签页） | 否       |
| [查看所有链接.js](./查看所有链接.js) | 新标签页列出页面所有链接（去重）                             | 无影响（新标签页） | 否       |
| [当前页二维码.js](./当前页二维码.js) | 生成当前页二维码（现在有个网页链接需要在一个不方便登录社交软件的设备打开，不需要手动输入链接了，在一个设备打开网页点击标签生成二维码新设备直接扫码打开） | 无影响（新标签页） | 否       |

## 使用示例

以「网页边框」为例：

1. 新建书签，名称填 `网页边框`，URL 粘贴 `网页边框.js` 内的整行代码。
2. 打开任意网页，点击该书签，所有元素出现红色边框。
3. 再次点击该书签，边框消失。

### 演示视频

![演示视频 1](./static/20260829_155027.gif)

![演示视频 2](./static/20260829_155100.gif)

## 许可

[MIT](./LICENSE)

## ⚠️ 仓库说明
本项目**主仓库位于 Gitee**，GitHub 为自动单向同步的只读镜像。

1. 你可以自由 Fork GitHub 上的代码副本，但所有代码提交、Bug反馈、功能建议、Pull Request，请前往 Gitee 主仓库。
2. GitHub仓库所有文件由Gitee自动同步覆盖，任何在此处的手动修改都会丢失。

👉 Gitee主仓库地址：https://gitee.com/miaoaa66/bookmarklet-toolbox


## 贡献

欢迎提交 Issue 与 Pull Request。新增书签脚本时，请遵循现有的单行 `javascript:(()=>{...})()` 格式，并在本 README 补充对应说明。