书签栏调用js脚本,这是你可以学会的操作

1,153 阅读2分钟

前言

书签栏调用js不是什么稀奇事,我只是为了好玩分享给大家,主要我是懒不想点击页面太多,就写了js脚本每次执行一下,具体看你们想用到哪儿,其实就是类似于一个简易版的油猴脚本

用途

可用于文章的展开,调用点击事件等,文本输入框的赋值等(vue框架只需要获取dom赋值dispath一个event事件参数为input即可,react情况比较麻烦需要触发的事件比较多,这跟底层有一定的关系)。

言归正传,如何使用?

首先我们添加一个书签,以下为chrome实例 首先在书签栏添加一个空白网页

image.png

然后我们用编辑器新建一个支持js语法的后缀文件,当然大佬可以直接txt手撸 开头必须是javascript 大小写不敏感,后面就是纯js操作了

image.png

举个例子,这边我是想给某个特殊的网站发个请求,因为是那种不要身份验证的网站,所以我直接copy过来一个请求,这里可以使用ajax等,我是直接在浏览器copy的,所以是fetch请求,但是不重要。 image.png

写好以上代码后我们复制粘贴到我们刚刚在浏览器新建空白页书签中红框框里头

image.png 至此就结束了,点击一下我们来看看效果,因为不能发视频这里截图,这个是掘金的页面控制台,你们可以看到已经成功发送请求了。

image.png

注意

一、JavaScript:前缀大小写不敏感,javascript:,JavaScript:都可以;
二、冒号后的脚本语句以分号;分隔,行数无上限,就如同正常写JS脚本文件一样;
三、如果脚本较多,可以分行,或在其它JS脚本的编辑器上写好,然后复制过来;
四、书签JS脚本在新标签页、空白页、拓展管理页面无法执行,原因暂未知;
五、书签JS脚本中不能有//或者/**/的注释语句;

第一次分享好玩的帖子,希望大家多多鼓励哈哈哈,后续会发一下谷歌控制台调试的小技巧给大家谢谢