QQ云输入法目前每次都需要从收藏夹来启动后使用,如果收藏项很多的话,找起来都很麻烦。
而且现在每次启动一个页面都需要启动一下QQ云输入法,有点小小的麻烦。
今天学习了一下chrome的插件开发,用了3个小时搞了一个简单的chrome的QQ云输入法插件。
原理也是很简单的:
1 基于"background_page": "background.html",提供这么一个页面,里面执行一段监听tab更新事件的js代码,每当有新的tab时,在当前tab调用一下收藏夹哪里的js代码,就把QQ云输入法给启动起来了。
2 再通过"browser_action"是的能够在chrome上有一个按钮。
附源码:
manifest.json
{
"name": "QQ云输入法",
"version": "1.0",
"description": "QQ云输入法的chrome扩展",
"background_page": "background.html",
"permissions": [
"tabs", "http://*/*"
],
"browser_action": {
"name": "QQ云输入法",
"default_icon" : "icon.ico"
}
}
background.html
<html>
<head>
<script>
// Called when the user clicks on the browser action.
chrome.browserAction.onClicked.addListener(function(tab) {
chrome.tabs.executeScript(null, {code: "(function(q){!!q?q.toggle():(function(d,j){j=d.createElement('script');j.src='http://ime.qq.com/fcgi-bin/getjs';j.setAttribute('ime-cfg','lt=2');d.getElementsByTagName('head')[0].appendChild(j)})(document)})(window.QQWebIME);"});
});
chrome.tabs.onUpdated.addListener(function(tabid, changeinfo, tab){
if(changeinfo.status == 'loading' && !tab.incognito)
{
chrome.tabs.executeScript(null, {code: "(function(q){!!q?q.toggle():(function(d,j){j=d.createElement('script');j.src='http://ime.qq.com/fcgi-bin/getjs';j.setAttribute('ime-cfg','lt=2');d.getElementsByTagName('head')[0].appendChild(j)})(document)})(window.QQWebIME);"});
}
});
</script>
</head>
</html>
chrome就是这么的强大啊!插件写起来也比较方便。第一次写插件,还有很多没有考虑的地方,慢慢的来添加吧!
这篇文章是用QQ云输入法敲出来的。杠杠的。
QQ云输入法chrome插件下载
QQ云输入法可以在你的网站很简单就能够被引入来使用。
在页面中增加如下这段html代码,引入你QQ云输入法的js代码即可,实在是方便得很啊!
利用QQ云输入法提供的这个获取最新js的CGI脚本,还能保证你的网站使用的是最新版本的QQ云输入法。
呵呵,真是不错!
快来试试吧!
<script type="text/javascript" language="JavaScript" src="http://ime.qq.com/fcgi-bin/getjs"></script>
依据优化原则,这个最好是放到html的底部,body的结束的上面,类似我的博客。查看页面源码看看吧o(∩_∩)o 哈哈
之前的QQWeb输入法正式更名为QQ云输入法了。很多用户更喜欢云输入法这样的叫法,这样叫起来更亲切一些!
呵呵,不管什么叫法,使用起来方便就好:
体验之后,和搜狗云输入法比较起来,QQ云输入法总结优点如下:
浏览器兼容性更好,如chrome
web站点兼容更好,webqq,百度搜索结果页,支持iframe页面
支持光标跟随
支持常用输入选项设置,支持候选词横排竖排、支持模糊音。 不过目前不支持配置保存
更快的取词速度,同时打开QQ云输入法和搜狗云输入法进行输入可比较
支持简繁转换
清爽的输入交互
缺点:
在词库方面和搜狗相比还是有一点点的差距,感觉不是很全。
不过速度和体验是第一位的!
QQ云输入法官网:http://py.qq.com/web/
QQ云输入法QQ微博:http://t.qq.com/webime/
QQ云输入法Qzone博客:http://qqwebpy.qzone.qq.com/
QQ云输入法FAQ:http://service.qq.com/category/qqwebsrf.html
QQWeb输入法的快捷键同QQ拼音的输入法的快捷键是差不多的。整理后如下,希望能够对大家有所帮助:
功 能
快 捷 键
中英文切换
左右Shift键(默认)
左Shift键
右Shift键
翻页键
减号等号(-=)(默认)
逗号句号(,.)
PgUp和PgDn(PgUp PgDn )
中括号([])
0和9(0 9)
确定对应候选词
数字键1 ~ 5(9)
属性设置
Ctrl + Shift + M
中/英文标点切换
Ctrl + .
全角/半角切换
shift+ Space
简/繁体切换
Ctrl+Shift+F
大写锁定切换
CapsLock
关闭候选词框/清空输入
Esc
QQWeb输入法接下来应该添加的功能
大致 应该再添加如下的几个功能:
支持双拼
浏览器的插件,用于保存一个session的设置,并且能够方便的启动web输入法
支持分词,用户可以通过左右键来划分词,如xian这样xi'an这样的词
提供一个方便的类似QQ在线的API接口来给站长们使用
最好能够支持登录态,让用户可以登录
支持换肤功能
支持五笔
对手机如iphone的支持要更好一些
作为Web输入法,速度是第一位的,其次就是准确率了,希望QQWeb输入法能够在这两个方面做的再优秀一点!
QQWeb输入法输入体验真不错,尤其实在没有中文输入法的linux和手机平台,正是救命的输入法啊!
不像一些体验不怎么好的云输入法那么高调,希望它能够越做越好!
好的产品才是用户喜欢的产品!
QQWeb输入法beta版发布了。
1 兼容性更强(目前应该是业界第一)
2 速度更快(目前应该是业界第一)
3 支持类似客户端的光标跟随功能,这个功能超赞(目前应该是业界第一)
4 支持简繁体、支持模糊音
5 支持横排、竖排
呵呵,一次收藏,无限可用!快来体验吧!
体验地址:http://py.qq.com/web/
微博地址:http://t.qq.com/webime
后续会整理一个方便的嵌入到网页的调用方法,类似QQ在线一个方便的脚本,便于广大站长来使用!