Chrome浏览器扩展开发系列之三：Google Chrome浏览器扩展的架构

1) 不可视的background页面 Google Chrome扩展往往包含一个不可见的background页面,Google Chrome扩展的主要业务逻辑都位于此.有两种类型的background 页面,一种是persistent background pages,另一种是event pages.Persistent background pages持续运行,随时可访问.而Event pages是事件驱动运行的,只有在事件发生的时候才可以访问. Persistent background…

Chrome浏览器扩展开发系列之十六：扩展中可用的Chrome浏览器API

除了Chrome浏览器支持的chrome.* API之外,Chrome浏览器扩展还可以使用Chrome浏览器为Web页面或Chrome app提供的APIs.对于Chrome浏览器2支持的API,还可以绑定第三方API库到Chrome浏览器扩展程序. Chrome浏览器扩展程序可以使用的API包括: 标准JavaScript API,即Web应用中常用的JavaScript核心API和DOM API XMLHttpRequest API HTML5 API WebKit API,特别是WebKi…

Chrome浏览器扩展开发系列之八：Chrome扩展的数据存储

Google Chrome浏览器扩展可以使用如下任何一种存储机制: HTML5的localStorage API实现的本地存储(此处略) Google的chrome.storage.* API实现的浏览器存储 Google的chrome.cookies.* API实现的cookie存储 1) chrome.storage API实现的浏览器存储 Chrome浏览器扩展通过chrome.storage.* API,可以存取数据或监听数据的变化. 在manifest.json文件中注册storage…

Chrome浏览器扩展开发系列之十八：扩展的软件国际化chrome.i18n API

i18n是internationalization 的简写,这里将讨论软件国际化的问题.熟悉软件国际化的朋友应该知道,软件国际化要求,页面中所有用户可见的字符串都必须置于资源属性文件中.资源属性文件中的资源是形如“key=value”的键值对,一行一个.其中key为资源的标识符,用于HTML页面中,根据当前页面的Locale确定要使用的资源.value是资源的值,不同的Locale对应的资源值不同,在资源文件中统一用Unicode编码. 通过chrome.i18n API和相关的资源配置文件,可…

Chrome浏览器扩展开发系列之十九：扩展开发示例

翻译总结了这么多的官网内容,下面以一款博主开发的“沪深股票价格变化实时追踪提醒”软件为例,介绍Chrome浏览器扩展程序的开发,开发环境为Eclipse IDE+Chrome Browser. “沪深股票价格变化实时追踪提醒”软件能够实时获取用户指定的股票的价格等参数,并根据用户设置的价格区间进行越界提醒.该软件目前只实现了两部分,一个是options页面,用以配置用户要监听的股票及股票的价格区间.另一个是browser action类型的popup页面,供用户查看股票当前价格,并通过图标的Ba…

Chrome浏览器扩展开发系列之一：初识Google Chrome扩展

1. Google Chrome扩展简介 Google Chrome扩展是一种软件,以增强Chrome浏览器的功能. Google Chrome扩展使用HTML.JavaScript.CSS和图片等Web技术开发. Google Chrome扩展与Google Chrome插件不同.Google Chrome扩展无需了解浏览器的源代码,而Google Chrome插件是更底层的浏览器功能扩展,需要深入掌握浏览器的源代码. 2. Google Chrome扩展的基本组成…

Chrome浏览器扩展开发系列之十四

Chrome浏览器扩展开发系列之十四:本地消息机制Native messaging 时间:2015-10-08 16:17:59 阅读:1361 评论:0 收藏:0 [点我收藏+] 标签:des class style log com 使用 si it la 通过将浏览器所在客户端的本地应用注册为Chrome浏览器扩展的"本地消息主机(native messaging host)",Chrome浏览器扩展还可以与客…

Chrome浏览器扩展开发系列之十四：本地消息机制Native messagin

Chrome浏览器扩展开发系列之十四:本地消息机制Native messaging 2016-11-24 09:36 114人阅读评论(0) 收藏举报分类: PPAPI(27) 通过将浏览器所在客户端的本地应用注册为Chrome浏览器扩展的“本地消息主机(native messaging host)”,Chrome浏览器扩展还可以与客户端本地应用之间收发消息. 客户端的本地应用注册为Chrome浏览器扩展的“本地消息主机”之后,Chrome浏览器会在独立的进程中启动该本地应用,并通过标…

Chrome浏览器扩展开发系列之二：Google Chrome浏览器扩展的调试

1) 查看扩展程序的详细信息和ID 通过Chrome 浏览器的“ 工具->更多工具->扩展程序”,打开chrome://extensions页面,选中右上角的“开发者模式”,可以查看扩展程序的详细信息(如名称.概述.占用空间大小.版本和权限等)和ID. 2) 查看扩展程序的popup页面通过Chrome 浏览器的“工具 ->更多工具->扩展程序”,打开chrome://extensions页面,选中右上角的“开发者模式”(必须在开发者模式下才能够看到调试菜单项…

Chrome浏览器扩展开发系列之十七：扩展中可用的chrome.events API

chrome.events中定义了一些常见的事件类型,可以供Chrome浏览器扩展程序发出对应的事件对象. 对于关注的事件,首先要通过addListener()在对应的事件上注册监听器,示例如下: chrome.alarms.onAlarm.addListener(function(alarm) { appendToLog('alarms.onAlarm --' + ' name: ' + alarm.name + ' scheduledTime: ' + alarm.scheduledTime…

Chrome浏览器扩展开发系列之十四：本地消息机制Native messaging

通过将浏览器所在客户端的本地应用注册为Chrome浏览器扩展的“本地消息主机(native messaging host)”,Chrome浏览器扩展还可以与客户端本地应用之间收发消息. 客户端的本地应用注册为Chrome浏览器扩展的“本地消息主机”之后,Chrome浏览器会在独立的进程中启动该本地应用,并通过标准输入/输出流(stdin/stdout)进行消息通信. 1) 本地应用的配置文件的内容本地应用要能够成为“本地消息主机”,必须有一个manifest.json配置文件(文件名…

Chrome浏览器扩展开发系列之十二：Content Scripts

Content Scripts是运行在Web页面的上下文的JavaScript文件.通过标准的DOM,Content Scripts 可以操作(读取并修改)浏览器当前访问的Web页面的内容. Content Scripts通常用于如下场景: 找到Web页面中的无效链接并修复增大字体以突出显示查找并处理DOM中的microformat Content Scripts的使用限制条件: 不能访问如下chrome.* API chrome.extension API chrome.i18n API…

Chrome浏览器扩展开发系列之十一：NPAPI插件的使用

在Chrome浏览器扩展中使用HTML和JavaScript非常容易,但是如何重用已有的非JavaScript遗留系统代码呢?答案是将NPAPI插件绑定到Chrome浏览器扩展,从而实现在Chrome浏览器扩展中通过JavaScript调用遗留系统代码. 注意,出于安全性的考虑,NPAPI已经于2015年开始被Chrome浏览器全面禁用.请使用PPAPI(Pepper Plugin API)开发新插件,详情请关注本文的后续内容. 下面介绍的内容仅供参考. 由于NPAPI插件中的代码拥有各种权限,…

Chrome浏览器扩展开发系列之六：options 页面

options 页面用以定制Chrome浏览器扩展程序的运行参数. 通过Chrome 浏览器的“工具 ->更多工具->扩展程序”,打开chrome://extensions页面,可以看到有的Google Chrome扩展程序有“选项Options”链接,如下图所示.单击“选项Options”就可以弹出options页面. 对于Chrome 40之前的版本,定义options页面,首先要在manifest.json文件中注册如下: { ... "options_page":…

Chrome浏览器扩展开发系列之五：Page Action类型的Chrome浏览器扩展

Page Action类型的Google Chrome浏览器扩展程序,通常也会有一个图标,但这个图标位于Chrome浏览器的地址栏内右端.而且这个图标并非始终出现,而是当某指定的页面打开时才会出现.也就是说,这个图标与当前打开的页面有关,只有打开了指定的页面才会显示该图标,对该页面执行对应的操作. 定义Page Action类型的Google Chrome扩展程序,首先要在manifest.json文件中注册如下: { ... "page_action"…

Chrome浏览器扩展开发系列之四：Browser Action类型的Chrome浏览器扩展

Browser Action类型的Google Chrome扩展程序,通常在Chrome浏览器的工具栏中,地址栏的右侧,有一个始终存在的图标.也就是说,这个图标与浏览器相关,只要安装了该Chrome扩展的浏览器,就会显示该图标. 鼠标悬浮到图标上会给出提示信息,鼠标点击图标会弹出popup页面.图标还可以根据条件设置不同的徽章(Badge),提示用户不同的条件状态. 定义Browser Action类型的Google Chrome扩展程序,首先要在manifest.json文件中注册如下: {…

Chrome浏览器扩展开发系列之十三：消息传递Message

由于content scripts运行在Web页面的上下文中,属于Web页面的组成部分,而不是Google Chrome扩展程序.但是content scripts又往往需要与Google Chrome扩展程序的其他部分通信以共享数据. 这可以通过消息传递实现,通过彼此互相的消息的监听与反馈进行通信.一个消息可以包含任何有效的JSON对象,如null,boolean,number,string,array,object. 1) 一次性请求与响应模式对于一次性请求与响应模式,chrom…

chrome浏览器的跨域设置 Google Chrome浏览器下开启禁用缓存和js跨域限制--disable-web-security

chrome用户默认路径 Win7:C:\Users\[用户名]\AppData\Local\Google\Chrome\User Data\XP:C:\Documents and Settings\[用户名]\Local Settings\Application Data\Google\Chrome\User Data\ 版本号49之前的跨域设置 Google Chrome浏览器下开启禁用缓存和js跨域限制,在启动chrome链接追加参数可行 D:\AppData\Local\Google\C…

Xamarin.Forms移动开发系列5 ：XAML标记扩展

摘要本文主要讲述Xamarin.Forms中XAML的标记扩展. 前言在Xamarin.Forms移动开发系列4 :XAML基础一文中提到过XAML标记扩展,本文将对标记扩展进行更深入的了解. 大纲 1.了解XAML标记扩展 2.使用XAML标记扩展 3.创建XAML标记扩展内容 1.了解XAML标记扩展 XAML标记扩展允许从文本字符串以外的源设置元素属性,从而帮助扩展XAML的功能和灵活性. 通常设置一个元素的属性是直接使用字符串,但有时候您可能更喜欢用存储在资源字典中的值设置属性,或…

高仿QQ即时聊天软件开发系列之三登录窗口用户选择下拉框

上一篇高仿QQ即时聊天软件开发系列之二登录窗口界面写了一个大概的布局和原理这一篇详细说下拉框的实现原理先上最终效果图一开始其实只是想给下拉框加一个placeholder效果,让下拉框在未选择未输入时显示一个提示字符串.由于Background对ComboBox无效,所以直接通过Background来实现是不行了.需要重新写ComboBox的模板,也就是Template,自定义一个模板来实现这个结果.又看了一下QQ的下拉框,这玩意不自定义也难以实现,所以就干脆自定义了. 先上代码,先是Com…

PHP扩展开发第一课为什么要写扩展及hello world

PHP扩展开发其实很简单.那为什么要扩展开发呢. 这里咱们以实际的案例进行对比. 第一步,进入 php源码包 http://www.php20.com/forum.php?m ... =159&extra=page%3D1 可以从这里下载第二步,进入源码包的ext目录 .如 [Shell] 纯文本查看复制代码 ? 1 cd /lamp_source/php-5.6.23/ext; 第三步,执行命令 [Shell] 纯文本查看复制代码 ? 1 ./ext_skel --extnam…

Chrome浏览器扩展开发系列之十五：跨域访问的XMLHttpRequest对象

XMLHttpRequest对象是W3C的标准API,用于访问服务器资源.XMLHttpRequest对象支持多种文本格式,如XML和JSON等.XMLHttpRequest对象可以通过HTTP和HTTPS发送请求. 通常出于安全的考虑,Web页面的XMLHttpRequest对象不能访问其他域的服务器.但是Chrome浏览器扩展没有这个限制,只要设置了跨域访问的权限,Chrome浏览器扩展的XMLHttpRequest对象可以访问声明的任何域的服务器. 每个Chrome浏览器扩展都运行于自己的…

Chrome浏览器扩展开发系列之十：桌面通知Notification

Desktop Notification也称为Web Notification,是在Web页面之外,以弹出桌面对话框的形式通知用户发生了某事件.Web Notification于2015.9.10成为W3C推荐标准,网址https://www.w3.org/TR/notifications/.每个通知对话框都包括title, direction, language和origin.通知对话框还可以有body, tag, icon URL和icon image. 通知必须获得用户的授权才能够显示,从…

Chrome浏览器扩展开发系列之九：Chrome浏览器的chrome.alarms.* API

Chrome浏览器扩展程序通过chrome.alarms.* API,可以制定计划周期性地执行代码,或在指定时间执行代码. 要使用chrome.alarms.* API,首先需要在manifest.json文件中声明alarms授权如下: { "permissions": [ "alarms" ], } chrome.alarms.Alarm对象的属性如下: 属性名类型必选/可选注释 name string 必选 alarm的名字 scheduledTime…

Chrome浏览器扩展开发系列之七：override页面

Chrome浏览器通常提供了一些默认页面,如标签管理器页面chrome://bookmarks.浏览历史记录页面chrome://history或新建Tab页面chrome://newtab等. Chrome浏览器扩展中的override页面,顾名思义就是重写的页面,可以替换上述默认页面.不过,一个Chrome浏览器扩展只能替换一种默认页面.Chrome浏览器扩展可替换的默认页面如下: 如标签管理器页面chrome://bookmarks 浏览历史记录页面chrome://history 新建T…