Safari Web Extension 开发 (1)
概述
Safari Web 扩展使用 JavaScript API 和来自 Google Chrome、Mozilla Firefox 和 Microsoft Edge 浏览器扩展的常见文件格式向 Safari 添加自定义功能。
创建Safari Web扩展
创建和配置 Xcode 项目
这里以macOS的Safari Web Extension为例子。
1.在 Xcode 中,选择“文件”>“新建”>“项目”。
2.选择macOS,并向下滚动到Application部分,然后选择 Safari Extension App 模板。
3.点击下一步。
会获得一个类似这样的工程目录
Resources 组中包含默认版本的 Web 扩展文件
_locales
自定义扩展中使用的国际化字符串,或在此文件夹中添加其他语言。
images
项目中的图片文件,默认里边有icon的默认图片。
manifest.json
自定义清单文件以告诉浏览器您的扩展。
background.js
这个文件夹用于添加 JavaScript ,使扩展程序可以在给定网页或浏览器窗口之外执行活动。
content.js
在此文件中添加或自定义 JavaScript 以注入网页。
popup.html, popup.js, popup.css
用户单击工具栏中的扩展程序按钮时,在 Safari 上弹出这些菜单自定义文件。