首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

添加仅javascript的书签,而不是URL

在浏览器中,书签是一种方便用户快速访问网站的方式。要添加仅使用JavaScript的书签,可以使用以下方法:

  1. 打开您想要添加书签的网站。
  2. 在浏览器中,找到书签栏并右键单击。
  3. 在弹出的菜单中,选择“添加页面”或“添加书签”。
  4. 在弹出的对话框中,输入书签名称,例如“JavaScript 书签”。
  5. 在“网址”字段中,输入以下代码:
代码语言:javascript
复制
javascript:(function(){/* 在这里插入您的 JavaScript 代码 */})()
  1. 将您的 JavaScript 代码插入注释部分。例如,如果您想要在新标签页中打开谷歌搜索,可以将代码更改为:
代码语言:javascript
复制
javascript:(function(){window.open('https://www.google.com');})()
  1. 单击“确定”以添加书签。

现在,您已经添加了一个仅使用 JavaScript 的书签。当您单击该书签时,将执行您在代码中指定的 JavaScript 代码。

需要注意的是,由于浏览器的安全策略,某些 JavaScript 代码可能无法正常工作。因此,在使用此方法时,请确保您的代码兼容您正在使用的浏览器。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

2021 最 Top 的编程语言是 Python,而不是 JavaScript?

这与前阵子 Stack Overflow 的报告结果有所不同,Stack Overflow 全球开发者调查报告给出的排名显示,最流行、使用率最高的是 JavaScript(65%),其次是 Python...Redmonk 也将 JavaScript 排在首位,JetBrains 的开发者生态系统调查中 JavaScript 也位居榜首。...比如从工作需求出发: 工作中需求最大的编程语言 在开源社区最受欢迎的排名中,Python 依然位列第一,而 2020 年排名前 10 中的 Arduino 被 C# 所取代。...这是因为新冠肺炎疫情那会政府官员提出更新旧系统的请求后,Cobol 在 2020 年曾一度成为 Twitter 上的热门话题。而处理这种非常规情况也是 IEEE 结合多个指标的原因。...此外,开发者对分布式系统的兴趣也在持续增长,而 C# 正是为此而设计的。

85320
  • 可以提高web前端开发效率的6个浏览器书签,建议你赶快用起来吧

    小书签是添加到 Web 浏览器的基于 JavaScript 的书签。...还有什么更快的方法来启用它?当然是小书签!javascript: document.designMode="on";void 0;使用URL创建书签。...假设您设置了JavaScript 事件侦听器,请为您要触发/模拟的每个事件创建一个书签并提交以下 URL: javascript: document.querySelector("SELECTOR")....仅 cookie 的存在就可以确定访问者是否登录,而数据本身可以存储用户信息。 您可能希望使用小书签设置 cookie 的一个示例是您希望在网站测试期间强制进入登录状态。...是否有任何过度重复的 Web 开发工作流程需要您使用 Web 浏览器有时令人尴尬的开发人员工具?如果是这样,创建自己的省时书签非常容易。请记住以javascript:!开头的 URL。

    1.6K10

    一个书签实现博客网站留言评论自动填写个人信息(全平台全网通用)

    今天在十年之约群里看到一个特牛逼的教程,瞬间感觉自己很low,每次去别人网站评论的时候,需要填写名称、邮箱以及网址,填个人信息确实比较繁琐,而使用这个,只需要在浏览器添加一个URL书签,遇到要评论的网站...,点击一下书签即可自动添加。...岳泽以修改为你的名称 2780008080@qq.com修改为你的邮箱 https://www.yuezeyi.com/修改为你的网址 然后在遇到想评论的网站,直接点击一下书签即可自动输入。...1; } () 将 lauthor、lmail和 lurl中引号 ""里面的内容修改为自己的信息去添加书签即可。...实现原理:这里填的内容即为需要填写的评论留言框 input 元素里面的对应 id、class 或标签等,然后通过JavaScript寻找到相应的id等补充信息。

    43110

    全平台通用评论神器一键自动填写昵称、邮箱和网址

    为了解决这个问题,我在网上搜索相关资料,找到了很多使用 Javascript 代码的教程方法文章,操作方法是将这段代码作为书签的 URL 字段保存在书签栏中,即可实现点击书签栏上的按钮自动填充自己的信息...今天,要介绍的也是同样的方法,把 Javascript 代码存为书签来使用,但又有很大的不同,因为网上的所有(至少我搜索到的…)方法都有很大缺陷,他们不能实现跨平台跨网站,也就是说,可能适用于wordpress...(lurl[k]);if(url!...简单赘述下,具体的使用方法: 将本页添加到收藏夹保存为书签; 右键刚刚创建的书签,选择“编辑”或“属性”; 将“名称”一栏改为“一键填写留言评论信息”(见名知意即可,名称可换成其它的),并将“...网址”或“地址”或“url”一栏原有的网址链接替换成上述javascript代码(代码里面的相关个人信息改为自己的哦~~),确定即可。

    95730

    全平台通用评论神器一键自动填写昵称、邮箱和网址

    为了解决这个问题,我在网上搜索相关资料,找到了很多使用 Javascript 代码的教程方法文章,操作方法是将这段代码作为书签的 URL 字段保存在书签栏中,即可实现点击书签栏上的按钮自动填充自己的信息...今天,要介绍的也是同样的方法,把 Javascript 代码存为书签来使用,但又有很大的不同,因为网上的所有(至少我搜索到的…)方法都有很大缺陷,他们不能实现跨平台跨网站,也就是说,可能适用于wordpress...(lurl[k]);if(url!...简单赘述下,具体的使用方法: 将本页添加到收藏夹保存为书签; 右键刚刚创建的书签,选择“编辑”或“属性”; 将“名称”一栏改为“一键填写留言评论信息”(见名知意即可,名称可换成其它的),并将“网址”或“...地址”或“url”一栏原有的网址链接替换成上述javascript代码(代码里面的相关个人信息改为自己的哦~~),确定即可。

    1.2K150

    我如何每次运行程序时,都会将数据添加到对应的keys中,而不是重新创建一个dict啊?

    一、前言 前几天在Python最强王者交流群【 】问了一个Python项目实战的问题,问题如下:请问,我如何每次运行程序时,都会将数据添加到对应的keys中,而不是重新创建一个dict啊。...二、实现过程 这里【东哥】基于粉丝的代码,做了一份修改,修改后的代码如下: import json def load_data(): try: with open('user.json...如果你也有类似这种Python相关的小问题,欢迎随时来交流群学习交流哦,有问必答! 三、总结 大家好,我是Python进阶者。...这篇文章主要盘点了一个Python项目实战的问题,文中针对该问题,给出了具体的解析和代码实现,帮助粉丝顺利解决了问题。...最后感谢粉丝【 】提出的问题,感谢【东哥】给出的思路,感谢【莫生气】等人参与学习交流。

    11010

    Bookmarklet编写指南

    Bookmarklet是一个复合词,由Bookmark(书签)和-let(小的)构成,中文可以译成"书签工具"。 它在形式上与"书签"一样,都保存在浏览器收藏夹里。...但是,它不是一个以"http://"开头的网址,而是一段Javascript代码,以"javascript:"开头。点击之后,会对当前页面执行某种操作。...所有代码必须在同一行 因为浏览器把Bookmarklet当做网址保存,而网址是不能分行的,所以Bookmarklet也不能分行。 另一方面,网址是有长度限制的。...万一遇到必须使用双引号的情况,就采用它的URL编码形式"%22"。 4....连接外部javascript代码 有时,Bookmarklet必须再引入外部的Javascript代码,这就需要为当前页面添加一个script标签。

    1.5K90

    GitHub Star 过万,这款神器必须安利!

    bookmarklet,亦称小书签,是一种微型 Web 应用,开发者通过将代码(通常是 JavaScript)存入浏览器书签,以构建出一个完整的小应用。...由于 bookmarklet 不是本章要讲述的重点,感兴趣的同学,可看下阮一峰老师之前写的这篇教程: http://www.ruanyifeng.com/blog/2011/06/a_guide_for_writing_bookmarklet.html...说白了,创建一个 bookm‍arklet‍,主要通过以下几步来完成‍: 编写适用于当前浏览器的 JavaScript 代码; 将该代码进行转义,并存入书签; 打开书签,运行代码。...作者很贴心的给出了相应的 JavaScript 代码,你只需要用上面那款 bookmarklet 转化工具,结合下方代码,即可快速完成。‍...javascript: (function() { var url = window.location.href; var regEx = /^(https?\:\/\/)(www\.)?

    54520

    web 应用程序_web应用程序是什么意思

    · POST请求的请求参数不会出现在地址栏上,所以无法添加到浏览器的书签(Bookmark)中,如果有些页面是根据请求参数进行不同的页面显示(例如论坛的文章发表),而你希望可以让用户设置书签,以便日后可以直接点击书签进行浏览...· 有些浏览器会根据地址栏来缓存(Cache)数据,如果地址栏是相同的URL,则会直接从浏览器缓存中取出数据,而不会真正发送请求至服务器上查询最新的数据,如果不希望服务器状态改变,而浏览器仍从缓存中取得旧数据...GET的请求参数,只是用来告知服务器,必须进一步根据请求参数(而不只是URL)来识别出所要响应的内容(例如查询数据库的数据),同样的GET请求且使用相同的请求参数重复发送多次,都应该返回相同的结果。   ...在一些JSP 应用程序中,或许会在JSP 网页中写一些内嵌(Inline)JavaScript,要注意,这些JavaScript并不是在服务器上执行的,服务器会如同处理那些HTML标签一样,将这些JavaScript...如果有多次请求进来,就只是启动多个线程来处理,而不是重复启动多次JVM,线程就像是进程中的轻量级流程,由于不用重复启动多个进程,因此可以大幅减轻性能负担。

    1K20

    IntelliJ IDEA终于支持对Redis 的可视化窗口操作了,真香!

    更新了对话框的设计,为每个小技巧添加了标题以指定描述的 IDE 区域,并实现了技巧评分功能以收集反馈。 4.改进了 Bookmarks(书签) 为 Bookmarks(书签)实现了多项 UI 改进。...首先,又可以从编辑器选项卡为文件添加书签了。只需右键点击选项卡调用上下文菜单,然后选择 Bookmarks(书签)。 此外,可以将所有打开的选项卡中的所有文件添加到 Bookmarks(书签)。...为此,可以调用相同上下文菜单并选择 Bookmark Open Tabs(为打开的选项卡添加书签),也可以使用编辑器选项卡窗格右侧的三点图标调用此操作。...编辑器 1.改进了复制、剪切、粘贴 如果在没有选择代码的情况下复制或剪切一行,粘贴操作会将剪贴板的内容添加到当前行上方,而不是像旧版本一样添加到文本光标处。...另一项新检查可以报告仅使用一个元素或字符时数组、列表或字符串的多余创建。

    4.7K20

    简单JS书签 丨 一键填写博客留言评论框个人信息(全平台适用)

    代码:(全平台适用,支持 typecho 和 wordpress 博客等) 博主使用的是Chrome浏览器 操作流程: 将本页添加到收藏夹保存为书签; 右键刚刚创建的书签,选择“编辑”或“属性”; 将名称一栏改为自动填充...(见名知意即可),并将网址或地址或url一栏原有的网址链接替换成 下述javascript代码(代码里面的相关个人信息改为自己的哦~),确定即可; 以后遇到留言评论时,点一个这个书签即可自动一键填写个人信息...具体图文步骤可以参考一下这篇文章 简单JS书签 丨 同时预览网站在不同尺寸上的效果 前言对于经常做开发的大佬们,肯定会经常使用F12来调试网站甚至还会用一下chrome的toggle工具,来查看自己....下面代码里的名称改成自己想要评论的名称,把XX@XX.com改成自己的邮箱,把https://xx.com改成自己的网址 javascript: void function() { var lauthor...", "input[name='comurl']", "#inpHomePage", "#ds-dialog-url", "input[name='url']"]; for (i = 0; i

    1K20

    无限滚动加载最佳实践

    Facebook 的新闻推送页,Google 的图片搜索,Twitter 的时间线,这些页面都用到了这项技术。虽然听起来还挺有诱惑力的,但并不是对所有网站或应用都通用的。...优秀无限滚动的五项原则 将无限滚动做好,并不是不可能完成的任务。为了完成它,记住并遵守以下方针。 1....仅适用移动设备:因为移动端屏幕要小得多,导航条所占比例可以相对大一些。如果屏幕上是滚动的内容,用户滚动获取新内容的时候,导航条可以隐藏起来;当用户开始往回滚动试图回到顶部的时候再显示出来。 ? 2....提供为特定项添加书签的可能 无限滚动最常见的缺点之一就是,内容出现的时候,没法添加书签。喜爱内容的简单的书签(或者 “保存稍后再看”),作为未来的参照,对用户来说是很有用的工具。...---- 往期精选文章 使用虚拟dom和JavaScript构建完全响应式的UI框架 扩展 Vue 组件 使用Three.js制作酷炫无比的无穷隧道特效 一个治愈JavaScript疲劳的学习计划 全栈工程师技能大全

    4.3K20

    IDEA 又双叒叕 更新 大版本了 , IntelliJ IDEA 2022.3 正式发布,详情 请参考博文

    IDE 后端将直接在 WSL 2 中启动,而不是在 Windows 上运行完整的 IDE。然后,您可以像在 IntelliJ IDEA 中使用远程开发时连接到远程机器一样轻松连接到它。...首先,又可以从编辑器选项卡为文件添加书签了。只需右键点击选项卡调用上下文菜单,然后选择 Bookmarks(书签)。此外,您可以将所有打开的选项卡中的所有文件添加到 Bookmarks(书签)。...为此,可以调用相同上下文菜单并选择 Bookmark Open Tabs(为打开的选项卡添加书签),也可以使用编辑器选项卡窗格右侧的三点图标调用此操作。...现在,如果在没有选择代码的情况下复制 (⌘C) 或剪切 (⌘X) 一行,粘贴操作会将剪贴板的内容添加到当前行上方,而不是像旧版本一样添加到文本光标处。...针对 JavaScript 和 TypeScript 的 Code Vision 提示 我们针对 JavaScript 和 TypeScript 实现了 Code Vision 内嵌提示。

    21710

    请求URL太长。 asp.net

    如果网址中有任何来自有限列表的长字符串变量,那么像这样的某种映射可能会让您缩短网址? 实际上是从http.sys而不是IIS引发此错误。在将请求传递到请求处理管道中的IIS之前,将引发该错误。...若要使https.sys接受更长的请求URL而不引发HTTP 414错误,请在服务器PC上的Windows注册表中的Computer HKEY_LOCAL_MACHINE SYSTEM CurrentControlSet...作为绕过http.sys安全性进行此更改的替代方法,请考虑将请求更改为接受HTTP POST而不是HTTP GET,然后将参数放入POST请求正文而不是长URL中。...通常,URL有其长度限制,如果设置此值,可能会暂时解决问题,但请记住,对于较长的url情况,最佳做法是使用表单。具体来说,最好使用POST操作而不是Get。 但是只有GET请求可以加书签。...为此,您应该考虑一个数据库表并存储所有详细信息参数,并仅将行的ID(主键)反映给用户以添加书签。

    1.6K10

    构建现代Web应用时究竟是选择传统web应用还是SPA

    在大前端盛行的今天,似乎前后端分离的开发模式才是大势所趋,而SPA的概念更是应运而生。现在随便构建一个web应用程序如果你不是使用SPA的话,就会感觉有点low,但是真的是这样吗?...事实上,网站的每个独特页面都有自己的 URL,搜索引擎可以将其存为书签和编入索引(默认设置,无需将其添加为应用程序的单独功能),这也是此类情况的一个明显优势。...SPA 需要客户端 JavaScript 才能正常工作;如果没有客户端 JavaScript,SPA 不是好的选择。...请注意,SPA 通常需要实现内置于传统 Web 应用中的功能,例如在反映当前操作的地址栏中显示有意义的 URL(并允许用户将此 URL 存为书签或对其进行深层链接以便返回此 URL)。...因素 传统 Web 应用 单页面应用程序 需要团队熟悉 JavaScript/TypeScript 最低 必需 支持不带脚本的浏览器 支持 不支持 客户端应用程序行为极少 适合 不必要 丰富而复杂的用户界面要求

    1.5K30

    IntelliJ IDEA 2022.3 发布,全新 UI 太震撼了!

    IDE 后端将直接在 WSL 2 中启动,而不是在 Windows 上运行完整的 IDE。然后,您可以像在 IntelliJ IDEA 中使用远程开发时连接到远程机器一样轻松连接到它。...首先,又可以从编辑器选项卡为文件添加书签了。只需右键点击选项卡调用上下文菜单,然后选择 Bookmarks(书签)。此外,您可以将所有打开的选项卡中的所有文件添加到 Bookmarks(书签)。...为此,可以调用相同上下文菜单并选择 Bookmark Open Tabs(为打开的选项卡添加书签),也可以使用编辑器选项卡窗格右侧的三点图标调用此操作。...现在,如果在没有选择代码的情况下复制 (⌘C) 或剪切 (⌘X) 一行,粘贴操作会将剪贴板的内容添加到当前行上方,而不是像旧版本一样添加到文本光标处。...如果您是活跃的 Docker Machine 用户,仍然可以通过 API URL 连接到它。您可以获取 Docker 机器列表并输入相应 URL,也可以输入 certs 文件夹的路径。

    6.3K40

    船新 IDEA 2022.3 正式发布,新特性真香!

    IDE 后端将直接在 WSL 2 中启动,而不是在 Windows 上运行完整的 IDE。然后,您可以像在 IntelliJ IDEA 中使用远程开发时连接到远程机器一样轻松连接到它。...首先,又可以从编辑器选项卡为文件添加书签了。只需右键点击选项卡调用上下文菜单,然后选择 Bookmarks(书签)。此外,您可以将所有打开的选项卡中的所有文件添加到 Bookmarks(书签)。...为此,可以调用相同上下文菜单并选择 Bookmark Open Tabs(为打开的选项卡添加书签),也可以使用编辑器选项卡窗格右侧的三点图标调用此操作。...现在,如果在没有选择代码的情况下复制 (⌘C) 或剪切 (⌘X) 一行,粘贴操作会将剪贴板的内容添加到当前行上方,而不是像旧版本一样添加到文本光标处。...如果您是活跃的 Docker Machine 用户,仍然可以通过 API URL 连接到它。您可以获取 Docker 机器列表并输入相应 URL,也可以输入 certs 文件夹的路径。

    3.2K20

    IntelliJ IDEA 2022.3 发布,这次不追了。。。

    IDE 后端将直接在 WSL 2 中启动,而不是在 Windows 上运行完整的 IDE。然后,您可以像在 IntelliJ IDEA 中使用远程开发时连接到远程机器一样轻松连接到它。...首先,又可以从编辑器选项卡为文件添加书签了。只需右键点击选项卡调用上下文菜单,然后选择 Bookmarks(书签)。此外,您可以将所有打开的选项卡中的所有文件添加到 Bookmarks(书签)。...为此,可以调用相同上下文菜单并选择 Bookmark Open Tabs(为打开的选项卡添加书签),也可以使用编辑器选项卡窗格右侧的三点图标调用此操作。...现在,如果在没有选择代码的情况下复制 (⌘C) 或剪切 (⌘X) 一行,粘贴操作会将剪贴板的内容添加到当前行上方,而不是像旧版本一样添加到文本光标处。...如果您是活跃的 Docker Machine 用户,仍然可以通过 API URL 连接到它。您可以获取 Docker 机器列表并输入相应 URL,也可以输入 certs 文件夹的路径。

    2K20
    领券