360极速浏览器开发:一些实例
编辑:浏览器知识App 加载
调用:
拦截/允许推荐的API示例扩展
本例中演示了如何使用优先权
损坏的链接
扩展开发者工具,增加可以在检查页面上发现损坏连接的检查分类。
BrowsingData API: Basics
一个不太重要的应用实例
CatBlock
I can’t has cheezburger!
Chrome 声音
在浏览网页时运用了音效的力量可以享受到更加奇幻的感觉
调用:
chrome.bookmarks.onCreated
chrome.bookmarks.onMoved
chrome.bookmarks.onRemoved
chrome.extension.getBackgroundPage
chrome.tabs.get
chrome.tabs.onAttached
chrome.tabs.onCreated
chrome.tabs.onDetached
chrome.tabs.onMoved
chrome.tabs.onRemoved
chrome.tabs.onUpdated
chrome.windows.onCreated
chrome.windows.onFocusChanged
chrome.windows.onRemoved
在脚本文件中怎么实现跨域XMLHttpRequest
演示了怎么在一个内容脚本中实现跨域请求,通过推送twitter上的热点话题到google news上
时间页面示例
演示了时间页面的应用和特性
调用:
chrome.bookmarks.onRemoved
chrome.browserAction.onClicked
chrome.browserAction.setBadgeText
chrome.experimental.alarms.create
chrome.experimental.alarms.onAlarm
chrome.experimental.keybinding.onCommand
chrome.experimental.runtime.onBackgroundPageUnloadingSoon
chrome.experimental.runtime.onInstalled
chrome.experimental.webRequest.onRequest
chrome.extension.onMessage
chrome.extension.sendMessage
chrome.tabs.create
chrome.tabs.executeScript
chrome.tabs.query
chrome.tabs.sendMessage
用Google Analytics进行事件分析
一个用google analysics 在界面寻迹用处的示例扩展
google日历查看器(by google)
可以在任何一个日历中快速查看距离下次会议的时间。点击按钮可以进入日历。
调用:
chrome.browserAction.onClicked
chrome.browserAction.setBadgeBackgroundColor
chrome.browserAction.setBadgeText
chrome.browserAction.setIcon
chrome.browserAction.setTitle
chrome.extension.getBackgroundPage
chrome.i18n.getMessage
chrome.tabs.create
chrome.tabs.get
chrome.tabs.onUpdated
chrome.tabs.update
源文件:
_locales/ar/messages.json
_locales/bg/messages.json
_locales/ca/messages.json
_locales/cs/messages.json
_locales/da/messages.json
_locales/de/messages.json
_locales/el/messages.json
_locales/en/messages.json
_locales/en_GB/messages.json
_locales/es/messages.json
_locales/es_419/messages.json
_locales/et/messages.json
_locales/fi/messages.json
_locales/fil/messages.json
_locales/fr/messages.json
_locales/he/messages.json
_locales/hi/messages.json
_locales/hr/messages.json
_locales/hu/messages.json
_locales/id/messages.json
_locales/it/messages.json
_locales/ja/messages.json
_locales/ko/messages.json
_locales/lt/messages.json
_locales/lv/messages.json
_locales/nb/messages.json
_locales/nl/messages.json
_locales/pl/messages.json
_locales/pt_BR/messages.json
_locales/pt_PT/messages.json
_locales/ro/messages.json
_locales/ru/messages.json
_locales/sk/messages.json
_locales/sl/messages.json
_locales/sr/messages.json
_locales/sv/messages.json
_locales/th/messages.json
_locales/tr/messages.json
_locales/uk/messages.json
_locales/vi/messages.json
_locales/zh_CN/messages.json
_locales/zh_TW/messages.json
javascript/background.js
javascript/options.js
javascript/util.js
manifest.json
views/background.html
views/options.html
Google邮件查看器
显示Gmaile中未读邮件的数目.,也可以点击按钮打开Gmail
调用:
源文件:
_locales/ar/messages.json
_locales/bg/messages.json
_locales/ca/messages.json
_locales/cs/messages.json
_locales/da/messages.json
_locales/de/messages.json
_locales/el/messages.json
_locales/en/messages.json
_locales/en_GB/messages.json
_locales/es/messages.json
_locales/es_419/messages.json
_locales/et/messages.json
_locales/fi/messages.json
_locales/fil/messages.json
_locales/fr/messages.json
_locales/he/messages.json
_locales/hi/messages.json
_locales/hr/messages.json
_locales/hu/messages.json
_locales/id/messages.json
_locales/it/messages.json
_locales/ja/messages.json
_locales/ko/messages.json
_locales/lt/messages.json
_locales/lv/messages.json
_locales/nb/messages.json
_locales/nl/messages.json
_locales/pl/messages.json
_locales/pt_BR/messages.json
_locales/pt_PT/messages.json
_locales/ro/messages.json
_locales/ru/messages.json
_locales/sk/messages.json
_locales/sl/messages.json
_locales/sr/messages.json
_locales/sv/messages.json
_locales/th/messages.json
_locales/tr/messages.json
_locales/uk/messages.json
_locales/vi/messages.json
_locales/zh_CN/messages.json
_locales/zh_TW/messages.json
background.html
background.js
manifest.json
options.html
options.js
键盘书签
创建一个键盘快捷键(C + Shift + P)切换当前页面
Message Timer
记录发送一个消息到内容脚本并且返回的时间
新闻阅读
在一个弹出窗口中显示最新的5条Google News RSS资讯
Notification Demo
显示桌面通知, 从桌面上弹出一个类似”toast”的窗口
NTP原型扩展
用于设计新的NTP原型的扩展
地址栏示例
使用时在地址栏输入”omnix”可以加一个搜索项
关于内容的Page action
展示了一个用于HTML页面的,包含了一个单词“sandwich”的page action
关于URL的Page action
展示了一个用于URL的page action,它包含了一个字母g在里面
页面基准测试
Chromium页面基准测试.
调用:
chrome.browserAction.onClicked
chrome.browserAction.setBadgeBackgroundColor
chrome.browserAction.setBadgeText
chrome.browserAction.setTitle
chrome.extension.connect
chrome.extension.getBackgroundPage
chrome.extension.getURL
chrome.extension.onConnect
chrome.tabs.create
chrome.tabs.executeScript
chrome.tabs.get
chrome.tabs.remove
chrome.tabs.update
chrome.windows.get
chrome.windows.getCurrent
源文件:
background.html
jquery/jquery-1.4.2.min.js
jquery/jquery-ui-1.8.4.custom.min.js
jquery/jquery.client.js
jquery/jquery.flot.dashes.js
jquery/jquery.flot.js
jquery/jquery.flot.min.js
jquery/jquery.flot.navigate.js
jquery/jquery.flot.valuelabels.js
jst/jsevalcontext.js
jst/jstemplate.js
jst/jstemplate_test.js
jst/util.js
manifest.json
options.html
script.js
util/sorttable.js
util/table2CSV.js
Page Cycler(packaged app)
页面周期 UI
插件内容设置
自定义不同插件的内容设置
源文件:
_locales/en/messages.json
css/plugin_list.css
css/rule_list.css
domui/css/button.css
domui/css/chrome_shared.css
domui/css/list.css
domui/css/select.css
domui/js/cr.js
domui/js/cr/event_target.js
domui/js/cr/ui.js
domui/js/cr/ui/array_data_model.js
domui/js/cr/ui/list.js
domui/js/cr/ui/list_item.js
domui/js/cr/ui/list_selection_controller.js
domui/js/cr/ui/list_selection_model.js
domui/js/cr/ui/list_single_selection_model.js
domui/js/util.js
js/chrome_stubs.js
js/main.js
js/plugin_list.js
js/plugin_list_test.html
js/plugin_settings.js
js/plugin_settings_test.html
js/rule_list.js
js/rule_list_test.html
manifest.json
options.html
options/css/list.css
options/js/deletable_item_list.js
options/js/inline_editable_list.js
打印此页
在浏览器上添加一个打印按钮.
SandwichBar
在页面上显示信息条,并且显示文字: ‘sandwich’
Stylizr
通过自定义的CSS让界面样式更加美观整齐
标签检查器
用于对扩展标签API进行处理
调用:
chrome.browserAction.onClicked
chrome.extension.getURL
chrome.tabs.create
chrome.tabs.get
chrome.tabs.move
chrome.tabs.onAttached
chrome.tabs.onCreated
chrome.tabs.onDetached
chrome.tabs.onMoved
chrome.tabs.onRemoved
chrome.tabs.onUpdated
chrome.tabs.remove
chrome.tabs.update
chrome.windows.create
chrome.windows.get
chrome.windows.getAll
chrome.windows.getCurrent
chrome.windows.getLastFocused
chrome.windows.onCreated
chrome.windows.onFocusChanged
chrome.windows.onRemoved
chrome.windows.remove
chrome.windows.update
TTS Debug(packaged app)
帮助开发者们测试他们的引擎是否在正确执行API的chrome TTS 工具
TTS Demo(packaged app)
chrome的文字转语音能力的demo
输入URL的历史记录
读取历史记录,并且显示通过输入URL方式来进入网页次数最多的前十条
isAllowedFileSchemeAccess扩展和isAllowedIncognitoAccess扩展的例子
展示了“允许文件方案进入”和“允许匿名进入”扩展的API
加载全部内容