360极速浏览器开发：一些实例

im, 无色

919
文章

0
评论

2019年8月3日23:56:28 评论 2,050

单击可以改变图标的Browser Action

使用 background_page, browser_action and tabs

调用:

源文件:

background.js
manifest.json

下载源文件

可改变页面颜色的Browser Action，带popup页面用以指定颜色

使用 browser_action and tabs

调用:

chrome.tabs.executeScript

源文件:

下载源文件

单击图标把页面背景变为红色的Browser Action

使用 background_page, browser_action and tabs

调用:

源文件:

background.js
manifest.json

下载源文件

AcceptLanguage

使用 browser_action

返回浏览器接受的语言

调用:

源文件:

下载源文件

Page Action动画图标

使用 background_page, page_action and tabs

这个扩展在工具栏上添加一个随浏览而变动的Page Action图标

调用:

源文件:

background.html
manifest.json

下载源文件

App 加载

使用 browser_action and management

调用:

源文件:

下载源文件

空白新标签页

使用 chrome_url_overrides

源文件:

blank.html
manifest.json

下载源文件

拦截/允许推荐的API示例扩展

使用 browser_action and privacy

本例中演示了如何使用优先权

调用:

chrome.extension.isAllowedIncognitoAccess

源文件:

下载源文件

Block/allow third-party cookies API example extension拦截/允许第三方cookies API 示样例扩展

使用 browser_action and privacy

本例中演示了如何使用优先权

调用:

chrome.extension.isAllowedIncognitoAccess

源文件:

下载源文件

损坏的链接

使用 background_page, devtools_page, experimental and tabs

扩展开发者工具，增加可以在检查页面上发现损坏连接的检查分类。

调用:

源文件:

下载源文件

BrowsingData API: Basics

使用 browser_action, browsingData and popup

一个不太重要的应用实例

调用:

chrome.browsingData.remove

源文件:

下载源文件

计算器 (Platform App)

使用 background_page, experimental and windows

可以做加法，现在也可以做减法

调用:

chrome.windows.create

源文件:

下载源文件

CatBlock

使用 background_page, webRequest and webRequestBlocking

I can't has cheezburger!

调用:

chrome.webRequest.onBeforeRequest

源文件:

下载源文件

Chrome查询

使用 devtools_page

扩展开发者工具，增设一个显示和所选DOM元素相联系的Jquery数据的侧边栏

源文件:

下载源文件

Chrome 声音

使用 background_page, bookmarks, options_page and tabs

在浏览网页时运用了音效的力量可以享受到更加奇幻的感觉

调用:

源文件:

下载源文件

Chromium Buildbot Monitor

使用 background_page, browser_action, notifications and options_page

显示在工具栏中chromium buildbot的状态。单击可以在弹出菜单中看见更详细的状态

调用:

源文件:

下载源文件

Chromium 搜索

使用 background_page and tabs

增设支持在地址栏搜索chromium源代码功能

调用:

源文件:

background.js
manifest.json

下载源文件

CLD

使用 background_page, browser_action and tabs

显示出一个标签的语言

调用:

源文件:

background.js
manifest.json

下载源文件

在脚本文件中怎么实现跨域XMLHttpRequest

演示了怎么在一个内容脚本中实现跨域请求，通过推送twitter上的热点话题到google news上

源文件:

contentscript.js
manifest.json

下载源文件

内容设置

使用 browser_action, contentSettings and tabs

展示对当前站点的内容设置

调用:

chrome.tabs.get

源文件:

下载源文件

上下文菜单示例

使用 background_page and contextMenus

显示一些上下文菜单中API的特性

调用:

chrome.contextMenus.create

源文件:

manifest.json
sample.js

下载源文件

Cookie API 测试扩展

使用 background_page, browser_action, cookies and tabs

测试cookies API

调用:

源文件:

下载源文件

下载选择的链接

使用 browser_action, experimental and tabs

在一个页面中选择链接并下载

调用:

源文件:

下载源文件

Email此页面 (by Google)

使用 background_page, browser_action, options_page and tabs

这个扩展会在工具栏上添加一个邮件按钮，它可以调用您的默认邮件或Gmaile来发送此页

调用:

源文件:

下载源文件

时间页面示例

使用 background_page, bookmarks, browser_action, experimental, keybinding and tabs

演示了时间页面的应用和特性

调用:

源文件:

下载源文件

用Google Analytics进行事件分析

使用 browser_action

一个用google analysics 在界面寻迹用处的示例扩展

源文件:

下载源文件

Chrome的FirePHP

使用 background_page, devtools_page and tabs

扩展开发者工具，增加了对从服务器解析FirePHP信息的支持

调用:

源文件:

下载源文件

字体设置

使用 browser_action, experimental and popup

字体设置 API 示例扩展

调用:

源文件:

下载源文件

google日历查看器（by google）

使用 background_page, browser_action, options_page and tabs

可以在任何一个日历中快速查看距离下次会议的时间。点击按钮可以进入日历。

调用:

源文件:

下载源文件

Google文件查看器

使用 background_page, browser_action, options_page and tabs

演示了如何用Oauth链接Google文档列表数据API

调用:

源文件:

下载源文件

Google邮件查看器

使用 background_page, browser_action, options_page and tabs

显示Gmaile中未读邮件的数目.，也可以点击按钮打开Gmail

调用:

源文件:

下载源文件

Hello World

使用 browser_action

您可以尝试编写第一个扩展

源文件:

下载源文件

Idel—一个简单的示例

使用 background_page, browser_action and idle

演示了 Idle API

调用:

源文件:

下载源文件

iGoogle的新标签页

使用 chrome_url_overrides

源文件:

manifest.json
redirect.html

下载源文件

Imageinfo

使用 background_page, contextMenus and tabs

从Images中获取图片信息,包含 EXIF 数据

调用:

源文件:

下载源文件

JavaScript 暂停/恢复

使用 background_page, browser_action, debugger and tabs

暂停/恢复 JavaScript的执行

调用:

源文件:

background.js
manifest.json

下载源文件

键盘书签

使用 background_page and tabs

创建一个键盘快捷键（C + Shift + P）切换当前页面

调用:

chrome.tabs.get
chrome.tabs.update

源文件:

下载源文件

Live HTTP headers

使用 background_page, browser_action, debugger and tabs

通过HTTP请求报头显示动态的的log

调用:

源文件:

下载源文件

Mappy

使用 background_page, page_action and tabs

发现当前页面中含地址的信息并弹出一个地图窗口

调用:

源文件:

下载源文件

合并窗口

使用 background_page, browser_action and tabs

合并所有浏览器到当前窗口

调用:

源文件:

background.js
manifest.json

下载源文件

Message Timer

使用 browser_action and tabs

记录发送一个消息到内容脚本并且返回的时间

调用:

源文件:

下载源文件

我的收藏夹

使用 bookmarks, browser_action and tabs

一个用于搜索，添加，编辑和删所有搜索的broswer action

调用:

源文件:

下载源文件

新闻阅读

使用 browser_action and tabs

在一个弹出窗口中显示最新的5条Google News RSS资讯

调用:

chrome.tabs.create

源文件:

下载源文件

新闻阅读

使用 browser_action and tabs

在一个弹出窗口中显示最新的5条Google News RSS资讯

调用:

源文件:

下载源文件

新闻阅读(by Google)

使用 background_page, browser_action, options_page and tabs

在弹窗中显示Google新闻中最新的Story

调用:

源文件:

下载源文件

Notification Demo

使用 background_page, notifications, options_page and tabs

显示桌面通知, 从桌面上弹出一个类似"toast"的窗口

源文件:

下载源文件

NTP原型扩展

使用 chrome_url_overrides and topSites

用于设计新的NTP原型的扩展

调用:

chrome.topSites.get

源文件:

下载源文件

地址栏示例

使用 background_page

使用时在地址栏输入"omnix"可以加一个搜索项

调用:

源文件:

background.js
manifest.json

下载源文件

关于内容的Page action

使用 background_page and page_action

展示了一个用于HTML页面的，包含了一个单词“sandwich”的page action

调用:

chrome.pageAction.show

源文件:

下载源文件

关于URL的Page action

使用 background_page, page_action and tabs

展示了一个用于URL的page action，它包含了一个字母g在里面

调用:

源文件:

background.js
manifest.json

下载源文件

页面基准测试

使用 background_page, browser_action, options_page and tabs

Chromium页面基准测试.

调用:

源文件:

下载源文件

Page Cycler(packaged app)

使用 experimental

页面周期 UI

调用:

源文件:

下载源文件

插件内容设置

使用 contentSettings and options_page

自定义不同插件的内容设置

调用:

chrome.i18n.getMessage

下载源文件

打印此页

使用 background_page, browser_action and tabs

在浏览器上添加一个打印按钮.

调用:

源文件:

background.js
manifest.json

下载源文件

进程监控器

使用 browser_action, experimental and tabs

添加一个Browser Action用于监视所有浏览器进程的资源使用情况

源文件:

下载源文件

代理服务器扩展API示例

使用 background_page, browser_action and proxy

设置了chrome特定的代理服务器，展示了chrome代理服务器API

调用:

源文件:

下载源文件

示例 - OAuth 联系人

使用 background_page, browser_action and tabs

使用 OAuth 连接 Google's 联系人服务，并且以列表显示联系人

调用:

源文件:

下载源文件

SandwichBar

使用 background_page and experimental

在页面上显示信息条，并且显示文字： 'sandwich'

调用:

chrome.experimental.infobars.show

源文件:

下载源文件

显示进程中的标签

使用 browser_action, experimental and tabs

添加一个browser action，用于显示共享了当前标签进程的其它标签

调用:

源文件:

下载源文件

朗读选项

使用 , background_page, browser_action, options_page, tabs and tts

把当前选择的选项大声读出来

调用:

源文件:

下载源文件

语音识别

使用 background_page, browser_action and experimental

识别你的声音并且告诉你最接近的结果

调用:

源文件:

background.js
manifest.json

下载源文件

Stylizr

使用 , browser_action, options_page, storage and tabs

通过自定义的CSS让界面样式更加美观整齐

调用:

源文件:

下载源文件

标签检查器

使用 background_page, browser_action and tabs

用于对扩展标签API进行处理

源文件:

下载源文件

会说话的闹钟

使用 background, background_page, browser_action and tts

有两种警报，可以发出一段声音并且说出一条被选择的短句

调用:

源文件:

下载源文件

测试截图扩展

使用 background_page, browser_action and tabs

演示chrome.tabs api的截图功能。注意：只在 code.google.com下有效

调用:

源文件:

下载源文件

顶级chrome扩展问题

使用 browser_action, experimental and options_page

可选择权限API的例子展示

调用:

源文件:

下载源文件 - Install extension

TTS Debug(packaged app)

使用 tts

帮助开发者们测试他们的引擎是否在正确执行API的chrome TTS 工具

调用:

源文件:

下载源文件

TTS Demo(packaged app)

使用 tts

chrome的文字转语音能力的demo

调用:

源文件:

下载源文件

输入URL的历史记录

使用 browser_action, history and tabs

读取历史记录，并且显示通过输入URL方式来进入网页次数最多的前十条

调用:

源文件:

下载源文件

WEB导航技术demo

使用 background_page, browser_action, extension and webNavigation

演示web导航扩展API

调用:

源文件:

下载源文件

isAllowedFileSchemeAccess扩展和isAllowedIncognitoAccess扩展的例子

使用 browser_action

展示了“允许文件方案进入”和“允许匿名进入”扩展的API

调用:

源文件:

下载源文件

发表评论 取消回复

微信

在线咨询

发表评论取消回复