实用浏览器脚本

原文链接:https://emlog.icedog.top/?post=28

浏览器打开空白页

在浏览器的地址栏输入如下代码即可

about:blank

在浏览器打开空白页作为临时内容存放区

有时候我们想找个地方存一些文本数据,但是又不一定有自己熟悉好用的工具,这时,浏览器就是一个不错的工具,按 F12 打开开发者工具,输入如下命令即可。

源码:

(function(){
var nw =window.open("about:blank","临时编辑页");
nw.document.title="临时编辑页";
nw.document.body.contentEditable=true;
nw.document.body.innerText="现在你可以直接在页面输入内容了";
})();

标签栏书签模式,打开开发者工具比较繁琐,安装浏览器插件又比较麻烦,直接创建个浏览器书签反而最简单,如下图填入内容即可

打开临时编辑页

名称:打开临时编辑页
网址:

javascript:(function(){var nw =window.open("about:blank","临时编辑页");nw.document.title="临时编辑页";nw.document.body.contentEditable=true;nw.document.body.innerText="现在你可以直接在页面输入内容了";})()

复制网页标题和url的脚本

在生活中,我们经常会访问各种网页查资料,做笔记,同时会存储这些网页地址,用于下次遇到类似的问题,好做参考,但是时间一久,只看链接就忘了之前存的是啥了,
所以一般会把网页标题和链接一起存下来,如下格式:

Chrome 文件选择延迟 Bug - 知乎
https://zhuanlan.zhihu.com/p/27946188

一行标题,一行内容,但是手动操作太过于繁琐,不如用浏览器书签脚本实现

名称:复制网页标题和链接
网址:

javascript:(function(f){var info =document.createElement('textarea');info.setAttribute('style','position:fixed;z-index:9999;width:400px;height:100px;user-select:text;');info.value=f;document.body.insertBefore(info,document.body.firstChild);var first=document.body.firstChild;first.select();document.execCommand('copy');document.body.firstElementChild.remove();
})(`${document.title}\r\n${document.URL}`)

复制网页标题和 url 为 markdown 超链接格式的脚本

现在做笔记基本上都使用 markdown 格式做笔记,因此链接存为 markdown 链接格式会更方便,脚本和上面一样,只是替换了传参字符串模板

名称:(md)复制网页标题和链接
网址:

javascript:(function(f){var info =document.createElement('textarea');info.setAttribute('style','position:fixed;z-index:9999;width:400px;height:100px;user-select:text;');info.value=f;document.body.insertBefore(info,document.body.firstChild);var first=document.body.firstChild;first.select();document.execCommand('copy');document.body.firstElementChild.remove();
})(`[${document.title}](${document.URL} \"${document.title}\")`)

效果:

[Chrome 文件选择延迟 Bug - 知乎](https://zhuanlan.zhihu.com/p/27946188 "Chrome 文件选择延迟 Bug - 知乎")

Chrome 文件选择延迟 Bug - 知乎

注意

有的网站是不允许通过书签这样执行脚本的(如 github),这种就没办法,只能按F12打开开发者工具执行。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章