用浏览器收藏夹的书签保存javascript的简单脚本

最新推荐文章于 2026-02-28 17:29:36 发布
原创 最新推荐文章于 2026-02-28 17:29:36 发布 · 3.3k 阅读 · 1 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文介绍了如何巧妙地使用浏览器书签功能来保存和执行JavaScript代码，避免了油猴脚本的复杂性和记事本粘贴的不便。通过编辑书签，将网址替换为`javascript:自己的代码`格式，即可创建一个点击即执行的JavaScript脚本。这种方法对于整合和快速调用常用命令非常实用。
该文章已生成可运行项目，

用浏览器收藏夹的书签保存javascript的简单脚本

之前一直好奇别人是如何保存常用的javascipt脚本的

  1. 油猴脚本，需要考虑整体的运行方式，有时还得专门写个按钮，需要一定基础
  2. 记事本保存，用的时候粘贴到控制台，比较麻烦

今天看见个不错的方式，用JavaScript代码替换浏览器收藏夹书签的网址，来实现javascript的简单保存，特别方便

先收藏一个百度的书签

请添加图片描述

选择编辑

请添加图片描述

将网址替换为代码

将格式为

javascript:自己的代码

的文本替换到网址并确定保存
在这里插入图片描述
点击书签就执行了自己javascript代码
在这里插入图片描述

常用命令整合

! 我们可以将常用的命令整合放在一个文件夹中方便使用
在这里插入图片描述

本文章已经生成可运行项目
标签
#javascript #脚本 #chrome浏览器
大心匠
关注
javascript脚本收藏
09-27
javascript脚本完全收藏，包括各种类型效果显示，源代码和实现实例
【JS】把JavaScript脚本作为书签收藏起来并可单击执行
Bushhhh的博客
06-13 1万+
灵感来源于B站一个很喜欢的UP主，名字叫【imba久期】，当时发现JS还能这么玩，感觉挺有趣，就学了一下，同时他在B站也在每日更新一些JS的小程序、小技巧，欢迎大家来关注，一起学习呀！（手动滑稽） 效果说明 从操作上说，是将JavaScript脚本作为书签，想用的时候点一下收藏栏中对应的书签，即可执行脚本； 从作用上说，主要可以对当前页面进行一些脚本上的操作，比如对特定页面DOM进行操作、改变字体颜色、删除广告等等；JS具体的用途可以说太多了，还需要大家去发现便利且实用的功能，这里只是提供一个方法； 比.
（PDF格式论文加书签）Tampermonkey + 知网下载助手 + FreePic2Pdf
bobo的博客
07-08 1452
为PDF格式学位论文快速添加书签目录，改善阅读体验~
JavaScript用浏览器书签制作插件(爬虫)
Π指针
08-13 2524
学习JavaScript通过浏览器的书签去实现爬虫等功能 书签也可以直接操作网页的DOM结点
将JS保存为书签，在网页中运行
热门推荐
ranky2009的专栏
08-01 1万+
将写好的JS收藏在浏览器中，运行在浏览器打开的页面上。 JS代码如下所示： javascript:(function(){alert("hello, world");})(); 随便打开一个页面，使用ctrl+D收藏打开的当前页面，如下图所示 将名称改为TestCode，找到刚才保存的TestCode书签，如下图 右键属性，弹出书签的属性对话框 将地址的值改为JS代
高等教育教师专业发展-假期教师培训视频播放脚本使用教程
macross007008的博客
02-08 5111
假期教师培训视频播放脚本使用教程
使用浏览器书签(收藏夹)来运行 JavaScript 代码
qq_43535992的博客
12-04 2380
一些网页中的链接，默认是在当前标签页中打开的，但有时候其实我们是希望它在新的标签页中打开的，也就是保留当前标签页的网页内容。
【JS】利用书签脚本提升Chrome浏览器的自动化操作效率
day7的博客
02-24 1288
本文详细介绍了如何利用JavaScript书签脚本（Bookmarklet）提升Chrome浏览器的自动化操作效率。通过从零开始的制作教程，讲解了核心技巧如使用void(0)避免页面跳转，并提供了页面美化、表单填充、数据提取等实战应用场景，帮助用户无需安装插件即可实现一键操作，显著提升网页浏览与工作效率。
利用浏览器书签实现JavaScript代码注入的技巧
weixin_33562004的博客
08-04 926
书签（Bookmark）是浏览器中用来快速访问用户经常访问网页的功能。用户可以通过点击浏览器提供的书签按钮，将当前的网页地址保存到书签列表中。在需要时，用户可以随时点击书签，浏览器会加载对应的网页地址，快速呈现页面内容。这种方式，简化了用户的网页访问流程，尤其对频繁访问的网站或页面，极大地提高了效率。此外，现代浏览器还支持对书签进行编辑，允许用户给书签添加自定义的名称，描述和标签，以增强其易用性和功能性。
js脚本添加书签到收藏夹
mauersu
03-05 1335
javascript:window.external.addFavorite('http://localhost:8080/indumis_V_aix_1.2.3','111')
Chrome浏览器隐藏技巧：5分钟学会把JS脚本变成可点击书签（附防跳转代码）
最新发布
yolo5detector的博客
02-28 220
本文详细介绍了Chrome浏览器中将JavaScript脚本保存为可点击书签的实用技巧。通过创建以javascript:开头的书签，用户可以实现页面样式修改、表单自动填充、内容提取等轻量级自动化操作。文章重点解析了执行时可能遇到的页面跳转问题，并提供了使用IIFE和void操作符的防跳转代码解决方案，帮助用户高效、安全地使用这一隐藏功能。
探索书签脚本：提升网络体验的个性化利器
我滴小博客
06-28 510
书签脚本是一种基于浏览器的脚本语言，通常使用 JavaScript 编写。它允许用户将特定网页的链接保存为书签，并可以附加额外的功能和定制选项。通过书签脚本，用户可以以一种更有效、更个性化的方式管理他们的书签，并在需要时自动执行特定任务。书签脚本是一种强大的工具，可以帮助用户定制和增强他们的浏览体验。通过使用书签脚本，用户可以自动填充表单、定制网页样式、提取信息以及执行自动化任务。通过熟悉书签脚本的概念和创建过程，用户可以根据自己的需求和兴趣创建自己的定制化脚本，以提高工作效率并更好地管理他们的网络环境。
教你制作书签脚本
weixin_30381793的博客
10-12 671
所谓书签脚本，纯属我自己制造的名词。 经常的，我们会看到如下交互界面： 拖动一个按钮到书签栏，然后就可以使用特定的功能，还兼容所有的浏览器。第一次看到感觉很新奇，觉得好厉害，不知道怎么做出来的。 我不知道别人是怎么称呼 “这种技巧” 的，也没去问过，因为它其实很简单，我怕问了有失我的“身份”，所以我决定继续装B，我就暂且把它称为 书签脚本(bookmark-script)。 我们都知道 书签 的...
自制浏览器插件：实现网页内容高亮、自动整理收藏夹功能
fruge365的博客
11-19 7064
自制浏览器插件：实现网页内容高亮、自动整理收藏夹功能
使用浏览器书签来切换网页内容能否编辑的状态
qq_43535992的博客
12-05 1268
如果你本来就在用这个快捷键，那么你将下面代码中的。在写这两篇文章的时候，我也在思考还有没有别的使用场景，然后，突然想要有的时候我们可能会有编辑网页的需求，比如：我要用 SingleFile 这个浏览器插件来保存网页，或者就是直接使用浏览器的 Ctrl + P 来打印网页，或者是需要截图网页的时候，结果发现网页中竟然有错别字。现在只要点击书签，上面的代码就会被执行，网页就可以被编辑了，再次点击，网页就恢复到不可以编辑的状态，当然，已修改的网页内容不会被恢复，只有刷新了网页还可以恢复成原本的样子。
给 Chrome浏览器 添加 Javascript小书签，查看当前页面全部加载的javascript文件及代码片段...
weixin_30381317的博客
12-07 793
小书签又名 Bookmarklet，由英文单词 Bookmark 和 Applet 组合而来。简单地说，小书签就是把一段带有特定功能的 JavaScript 代码保存至收藏夹，当你需要的时候点击它来实现这段 JavaScript 代码的功能。 1.chrome浏览器中打开一个空白的页面，输入 chrome://bookmarks/#1，打开书签管理器 2.在书签管理器的左侧，选择 ...
mac php怎么做网页,Mac_mac系统中safari怎么添加书签? 把常用网页添加到收藏夹的效果，苹果电脑mac系统自带safari浏览 - phpStudy...
weixin_28908857的博客
03-24 542
mac系统中safari怎么添加书签? 把常用网页添加到收藏夹的效果苹果电脑mac系统自带safari浏览器与普通的win系统是不一样的，收藏常用的网页也是不一样的，下面是将你常用的网页加入到书签里的教程。1、将你mac系统的电脑打开，单机下方的safari浏览器。将safari浏览器打开。2、打开safari浏览器后，将你需要加入收藏夹的常用网页打开。3、鼠标点击右上方红色框内的按钮，点击下方的...
跨浏览器兼容添加到收藏夹/书签的Javascript
weixin_30312557的博客
01-10 95
跨浏览器的JavaScript实现将页面添加到收藏夹。要在Internet Explorer浏览器，兼容IE浏览器的收藏夹中添加一个页面，有一个标准的方法加入收藏。然而，有一个重要的细节。IE页面打开另一个应用程序时会使用组件的HTML，这个对象window.external是存在的，加入收藏 就不会工作。，这是最常见的错误。在您的网站上使用这个单一的方法。下面的代码能够完全兼容 // A...
JS将网站添加到收藏夹
xx510long的博客
05-22 629
function addToFavorite(){ var d="http://www.vipwindow.com/"; var c='※ 深圳VIP之窗商城品质购物 ※'; if(document.all){ window.external.AddFavorite(d,c); //IE }else{ if(window.sidebar){ ...
【Web】用浏览器书签做一个回到顶部/底部的小按钮
Mister_的博客
11-30 1361
两分钟用书签做一个回到顶部/底部按钮
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值