网页扩展怎么制作 第1篇
('addKeyword').addEventListener('click', function() {
var keyword = ('keywordInput').value;
// 添加代码将关键词保存到Chrome存储
('keywords', function(data) {
var keywords = || [];
if (!(keyword)) {
(keyword);
({keywords: keywords});
});
});
('removeKeyword').addEventListener('click', function() {
var keyword = ('keywordInput').value;
// 添加代码从Chrome存储中删除关键词
('keywords', function(data) {
var keywords = || [];
var index = (keyword);
if (index > -1) {
(index, 1);
({keywords: keywords});
});
});
// 更新关键词列表的示例代码
function updateKeywordList() {
// 添加代码从Chrome存储中获取关键词列表,并显示在界面上
4. 创建
('addKeyword').addEventListener('click', function() {
var keyword = ('keywordInput').value;
// 添加代码将关键词保存到Chrome存储
('keywords', function(data) {
var keywords = || [];
if (!(keyword)) {
(keyword);
({keywords: keywords});
});
});
('removeKeyword').addEventListener('click', function() {
var keyword = ('keywordInput').value;
// 添加代码从Chrome存储中删除关键词
('keywords', function(data) {
var keywords = || [];
var index = (keyword);
if (index > -1) {
(index, 1);
({keywords: keywords});
});
});
// 更新关键词列表的示例代码
function updateKeywordList() {
// 添加代码从Chrome存储中获取关键词列表,并显示在界面上
网页扩展怎么制作 第2篇
_manifest_version_: 2,
_name_: _关键词高亮显示_,
_version_: __,
_description_: _在网页中高亮显示指定关键词。_,
_permissions_: [_activeTab_, _storage_],
_browser_action_: {
_default_popup_: __,
_default_icon_: {
_16_: _images/_,
_48_: _images/_,
_128_: _images/_
_background_: {
_scripts_: [__],
_persistent_: false
_content_scripts_: [
_matches_: [__],
_js_: [__],
_run_at_: _document_end_
_icons_: {
_16_: _images/_,
_48_: _images/_,
_128_: _images/_
网页扩展怎么制作 第3篇
我们注意到,在的配置中,有一个default_popup的选项,它的值是 ,所以我们需要新建这么一个页面。 在当前项目下新建 内容我们尽可能的简单了,如下:
created by Davie
页面中,基本就是一个div以及内容展示,很简单,你自己写也可以。 然后我们的插件还需要一个图标,图标你可以自己制作,也可以去找一张图。比如这里. 我下载了一个苹果的图片作为我的这个插件的图标。放在项目根目录。把图标名字命名为(或者修改配置也可以)。
下面就是最激动人心的时刻了!