Bookmarklet编写详细指南

前一段日子,我写了两个Bookmarklet----"短网址生成"和"短网址还原"。

它们用起来很方便,除了我本人之外,其他朋友也在用。第一次发布Bookmarklet,就能有用户,我挺满意的。

下面就是我整理的《Bookmarklet编写指南》,供自己和需要的朋友参考。

一、什么是Bookmarklet?

Bookmarklet是一个复合词,由Bookmark(书签)和-let(小的)构成,中文可以译成"书签工具"。

它在形式上与"书签"一样,都保存在浏览器收藏夹里。但是,它不是一个以"http://"开头的网址,而是一段Javascript代码,以"javascript:"开头。点击之后,会对当前页面执行某种操作。

它通常在网页中以链接的形式出现,就像下面这样:

<a href="javascript:alert('hi');">xxx</a>

用户直接把这个链接拖到地址栏或收藏夹就可以用了。

二、Bookmarklet的优点

它有几个很显著的优点,其他技术难以取代:

1. 安装快速

Bookmarklet的安装,就是在收藏夹中保存一段代码,一步就能完成。所有浏览器都原生支持。

2. 使用方便

用的时候,点一下这个链接就行了。

3. 开发容易

一段Javascript代码就是Bookmarklet的所有内容,不需要用到其他技术,比开发一个浏览器插件简单多了。

4. 跨浏览器

所有浏览器都支持Bookmarklet。如果写的正确,同样一个Bookmarklet在各种浏览器上都能正常使用。

本栏目更多精彩内容:http://www.bianceng.cn/webkf/tools/

时间: 2024-08-07 01:39:06

Bookmarklet编写详细指南的相关文章

Bookmarklet编写指南

前一段日子,我写了两个Bookmarklet----"短网址生成"和"短网址还原". 它们用起来很方便,除了我本人之外,其他朋友也在用.第一次发布Bookmarklet,就能有用户,我挺满意的. 下面就是我整理的<Bookmarklet编写指南>,供自己和需要的朋友参考. ==================================================== Bookmarklet编写指南 阮一峰 编写 一.什么是Bookmarklet

Windows、macOS和Linux平台设置HTTPS以及自签名证书详细指南

本文讲的是Windows.macOS和Linux平台设置HTTPS以及自签名证书详细指南, 在本文中,我会向大家介绍如何在Windows.macOS和Ubuntu Linux上设置使用HTTPS与ASP.NET Core的本地开发环境,另外,我还将介绍如何创建自签名证书并将其添加到受信任的根证书存储区,以消除烦人的浏览器提示消息.最后,我将介绍如何设置用于ASP.NET Core的内置Web服务器的Kestrel来使用HTTPS. 创建自签名证书,设置信任项,就可以避免烦人的浏览器提示,记录了自

《阿里巴巴Java开发规约》插件使用详细指南

阿里巴巴于10月14日在杭州云栖大会上,正式发布众所期待的<阿里巴巴Java开发规约>扫描插件.今天,阿里妹为大家详细介绍一下IDEA插件与Eclipse插件的安装使用. 插件下载地址 https://github.com/alibaba/p3c 或者在Github直接搜索p3c 阿里巴巴Java开发手册IDEA插件 使用指南 通过Jetbrains官方仓库安装 1.打开 Settings >> Plugins >> Browse repositories... 2.在

Btrace详细指南(JDK7,监控HashMap扩容)

背景     JAVA中如何排查疑难杂症,如何动态获取应用信息,我们有BTrace!     PS:集团有大杀器arthas,这里我们先从最原始最广泛的BTrace开始,后面可以玩玩Greys(开源,强于BTrace).     应用被tracle后,相关class会被改变,恢复需要重新编译,请自行把握. 一.下载安装BTtrace wiki:https://github.com/jbachorik/btrace/wiki BTrace博客:http://jbachorik.github.io/

[原创]windows2003手工安装配置php5详细指南

php5|window|windows2003|原创 今天,服务器进行PHP环境的配置,先在百度搜集了一些相关资料进行参考,然后开始手工配置PHP5环境(个人比较喜欢绿色免安装的东西). 在Windows环境下安装PHP有两种方法:手工配置环境或者使用PHP安装包进行安装.据PHP官方手册上称安装PHP最好的选择是手工安装.在手工安装中安装PHP最好的方式便是将所有PHP有关的文件都放入同一目录,并在系统的PATH环境变量中设置此目录. 在WINDOWS环境配置PHP5,你必须明白这两个名词的函

Android RoboGuice使用详细指南

Android RoboGuice使用指南(1) 概述 Android RoboGuice使用指南(2) 第一个例子Hello World Android RoboGuice使用指南(3) Bindings 概述 Android RoboGuice使用指南(4) Linked Bindings Android RoboGuice使用指南(5) Binding Annotations Android RoboGuice使用指南(6) Instance Bindings Android RoboGu

vc.net2003下安装和使用blitz++详细指南

一.起因 安装和使用 blitz++ 时经常遇到问 , 查看了 ccboy 写的< VC++ _NET 2003 –安装和使用 Boost 1_30 和 Blitz++0_6 >,但他写的不详细 , Blitz 的官方文档也不清楚 , 只好自己来 , 花了不少时间才初步弄清楚.   二. Blitz 简介 大家知道 Fortran 是公认的科学计算编程语言 , 大量数值计算库都是基于 fortran 的 , 如 lapack. 而 blitz++ 则为科学计算人员提供了面向对象的 C++ 的数

Android App支付系列(一):微信支付接入详细指南(附官方支付demo)_Android

写在前面 一家移动互联网公司,说到底,要盈利总是需要付费用户的,自己开发支付系统显然是不明智的,国内已经有多家成熟的移动支付提供商,腾讯就是其中之一.梳理了下微信支付的接入,今天给大家分享下腾讯旗下的微信支付SDK的接入流程. 接入流程 1.申请开发者资质 地址:https://open.weixin.qq.com/ 使用公司管理者/高层帐号登录微信开放平台,进入"账号中心",进行开发者资质认证,需要填写公司资料,包括但不限于,公司注册号,公司营业执照,公司对外办公电话,公司对公银行卡

Android App支付系列(二):支付宝SDK接入详细指南(附官方支付demo)

一家移动互联网公司,说到底,要盈利总是需要付费用户的,自己开发支付系统对于资源有限的公司来说显然不太明智,国内已经有多家成熟的移动支付提供商,阿里就是其中之一. 笔者在此总结了下阿里旗下支付宝Android SDK支付的接入流程,供后来者参考. 接入流程如下: 1 签约成为支付宝商户 签约地址:https://b.alipay.com/, 只有成为签约商户的开发者才能具备集成支付宝app支付的资格. 签约资料:1)营业执照 2)APP说明文档 3)商户经营信息.商户联系人等信息 必要时还需提供A