书签 - 类固醇的书签
#javascript #browser #bookmark #bookmarklet

Olia 💙💛 GozhaUnsplash

照片

image

tl; dr:书签是被javaScript的力量的书签。他们让您通过单击bookmark.执行JavaScript代码

曾经发现自己反复复制特定文本,导航到特定的网页或在浏览时执行其他常规任务?书签是一个整洁的技巧,可以帮助您自动化这些平凡的任务。这些增压书签不是使用URL,而是利用JavaScript在单击按钮时执行复杂的任务。

在我们进行之前,重要的是要了解书签的安全含义。它们涉及直接在浏览器中运行JavaScript代码。警惕使用您不信任的来源的书签,因为它们可能会使您的浏览器和数据暴露于安全风险。

书签如何工作?

创建书签类似于创建书签。不同之处在于,您没有插入JavaScript代码,而不是插入URL。每当您单击书签时,执行此JavaScript代码。这是一个强大的功能,可以自动化您在浏览器中执行的大量任务。您可以在浏览器控制台中运行的任何JavaScript代码,您都可以在书签中运行

创建书签时,请确保将JavaScript代码与javascript:一起使用。这告诉浏览器它不是标准URL。

将经常使用的字符串复制到clipboard

javascript:navigator.clipboard.writeText('ce34839b-5eca-4ab5-86ac-02cc8ba76c8e');

从Api获取数据

我们还可以使用它从API获取数据,并将其显示在控制台中。

javascript:fetch('https://jsonplaceholder.typicode.com/todos/1').then((response) => response.json()).then((json) => console.log(json));

您可以看到,代码是单线。这是因为书签不支持多行代码。请记住,您可以使用;分开多个语句。

扩展您的书签Library

书签的力量仅受您的想象力的限制。您可以自动化许多您经常在浏览器上执行的任务。有关更多想法和灵感,请查看这些存储库:

https://github.com/Krazete/bookmarklets

https://github.com/marcobiedermann/awesome-bookmarklets

结论性

书签提供了一种利用JavaScript的力量来自动化浏览器任务并提高生产率的方法。它们很容易创建,并且可以像您需要的那样简单或复杂。但是,像所有强大的工具一样,它们需要谨慎使用。因此,请记住使用或创建来自受信任来源的书签以确保您的浏览安全。