首页
学习
活动
专区
工具
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# 正是为此而设计

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

    书签添加到 Web 浏览器基于 JavaScript 书签。...还有什么更快方法来启用它?当然是小书签javascript: document.designMode="on";void 0;使用URL创建书签。...假设您设置了JavaScript 事件侦听器,请为您要触发/模拟每个事件创建一个书签并提交以下 URLjavascript: 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等补充信息。

    42110

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

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

    92530

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

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

    1.2K150

    Bookmarklet编写指南

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

    1.5K90

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

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

    10710

    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\.)?

    51020

    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.4K20

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

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

    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 内嵌提示。

    18110

    请求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.5K10

    无限滚动加载最佳实践

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

    4.2K20

    构建现代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.1K40

    船新 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 文件夹路径。

    1.9K20
    领券