在翻译验证测试中巧妙运用 Bookmarklet 来提高效率（2）

look_w

如何开发和使用 Bookmarklet开发前的准备要想发布一个 Web 应用，让其他人可以从浏览器访问并使用它，就需要把它部署到一个 Web 服务器上。比如，准备一台 Apache 作为 Web 服务器。另外，如果需要进行服务器端的开发，比如对数据库的操作，那还需要搭建合适的数据库服务器。在这个例子里，我们是用 PHP 作为服务器端的开发语言，所以安装了 PHP server 以便提供服务器端的服务。当然，如果您仅仅是想通过 Boorkmarklet 做一些简单的页面操作或渲染的话，比如改变字体和背景色之类的，那么只需要一个 Web 服务器就够了。
因为 Bookmarklet 是用 JavaScript 来编写的，所以我们只要有一个好用的文本编辑器就可以开始编写脚本了。
Bookmarklet 的结构首先，我们看一下 Bookmarklet 是如何定义的。
下图是一个 Bookmarklet 的例子。可以看到，Location 的内容并不是一个以 http 开头的 URL，而是一段以 javascript:开头的脚本。
图 1.Bookmarklet 的定义我把 Location 里面的内容贴在这里：

1 2	javascript:void((function(){var%20element=document.createElement('script');element.setAttribute(\   'src','http://pt850-220.cn.ibm.com/pt850/findpii.js');document.body.appendChild(element);})())

从这段脚本中可以看到：这是一段 JavaScript 代码。代码在一开始创建了一个 script 类型的元素，并为这个元素的 src 属性赋值，指向一个存放在 Server 端的 js 文件。最后，在页面上追加了刚刚创建的元素。
这就是一个典型的 Bookmarklet 的实例。
如何开发 Bookmarklet通过上面的介绍，您大概知道创建 Bookmarklet 是为了实现一些页面功能，这就需要代码的支持。根据上面的例子，我们需要编写一段代码，并存放在名为 findpii.js 的文件中。这个文件存放在服务器上，并且通过 URL http://pt850-220.cn.ibm.com/pt850/findpii.js 来访问。在点击了 Bookmarklet 后，findpii.js 文件会被加载到当前的页面，就可以根据脚本中定义的方法和页面进行交互了。
现在我们开看看如何编写这个 js 文件。
其实，Bookmarklet 中使用的 js 文件和普通的 js 文件没有任何区别。唯一值得一提的是，因为 Bookmarklet 通常用于从页面上获取信息，或是向页面输出信息，所以它往往会用到一些方法来获取页面上一些对象的属性。比如：获取页面上鼠标所选中的文字、获取浏览器上当前页面的标题和 URL 等。当向页面输出信息的时候，js 可能会通过创建新的对象或改变已有对象的属性来实现。
当一个 Bookmarklet 涉及到和服务器端进行交互操作的时候，比如需要访问数据库进行查询操作，或者将浏览器端的信息更新到数据库时，我们就要编写相应的服务器端脚本来支持。下面的例子就涉及到对数据库的查询和修改操作，我们将在下面的实例中对服务器端的开发进行详细的讲解。