创建Hello World扩展,需要分为以下几步:

    1. 创建一个名为helloworld的目录,

    2. 在目录中创建名为manifest.xml的文件,并写入以下内容(需注意,manifest.xml需使用UTF-8无BOM头方式编码)

    1. <?xml version="1.0" encoding="utf-8"?>
    2. <extension>
    3. <id>com.companyname.helloworld</id>
    4. <name>你好地球</name>
    5. <show_icon>true</show_icon>
    6. <description>点击按钮后在气泡中显示Hello World</description>
    7. <version>0.1</version>
    8. <request_api_version>1</request_api_version>
    9. <author>yourname</author>
    10. </extension>

    其中:

    1. id为扩展的唯一标示,同时用作扩展安装后的目录,要求id格式为类Java库名的命名格式,要求每个扩展在名字前面都要有公司
    2. 名之类的命名空间。
    3. name是扩展的名称。
    4. show_iconbool类型,表示扩展是否会在工具箱中显示图标。
    5. description为扩展的简单描述。
    6. version表示扩展的版本,将作为升级的依据。
    7. request_api_version值为扩展需要用户浏览器api_version的最小值。如果api_version大于用户浏览器本身的
    8. api_version,则扩展无法安装。
    9. author为扩展作者的名字
    1. 将名为default.ico(1616)以及default-big.png(3232)的图标文件放到文件夹中。最好都是32位色,以达到最佳显示效果。

    4.扩展打包 将扩展目录中的所有文件压缩为一个zip文件,并且将后缀名改名为.sext,在搜狗浏览器中双击即可安装

    1. 找到安装后的扩展 安装后扩展会被安装在搜狗浏览器数据目录中的Extension目录中(通常为%appdata%\SogouExplorer\Extension)。找到对应你的扩展id的目录,即为扩展的安装目录。后续的开发调试可以在这个目录中进行

    2. 为扩展添加点击弹出气泡的功能 编辑扩展安装目录中的manifest.xml,并为extension标签添加popup子标签,添加后如下.并在目录中创建名为popup.html的文件。

    1. <?xml version="1.0" encoding="utf-8"?>
    2. <extension>
    3. <id>com.companyname.helloworld</id>
    4. <name>你好地球</name>
    5. <show_icon>true</show_icon>
    6. <description>点击按钮后在气泡中显示Hello World</description>
    7. <popup page="popup.html" width="100" height="100"/>
    8. <author>yourname</author>
    9. <version>0.1</version>
    10. <request_api_version>1</request_api_version>
    11. </extension>

    popup标签中的page属性代表气泡使用的html页面(该文件路径为相对扩展所在文件夹的相对路径)width 和height分别代表弹出气泡的初始宽度和高度。

    1. 编辑popup.html 气泡中的html会用webkit内核展示,因此可以使用html5和css3中的高级功能及特效。但是针对helloworld扩展,似乎不需要这些功能,只需在文件中写入以下代码
    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/
    2. DTD/xhtml1-transitional.dtd">
    3. <html>
    4. <head>
    5. <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    6. </head>
    7. <body>
    8. <p>Hello World</p>
    9. </body>
    10. </html>
    11.  
    1. 大功告成 重启搜狗浏览器后,在工具箱中找到对应你的扩展的图标,左键点击!大功告成~