<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>welefen的随笔</title>
	<atom:link href="http://www.welefen.com/tag/chrome/feed" rel="self" type="application/rss+xml" />
	<link>http://www.welefen.com</link>
	<description>前端打杂者@baidu</description>
	<lastBuildDate>Tue, 07 Feb 2012 07:28:11 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>音乐电台chrome插件发布2.0版本</title>
		<link>http://www.welefen.com/music-chrome-plugin-upgrade-to-2.html</link>
		<comments>http://www.welefen.com/music-chrome-plugin-upgrade-to-2.html#comments</comments>
		<pubDate>Tue, 16 Aug 2011 11:04:26 +0000</pubDate>
		<dc:creator>welefen</dc:creator>
				<category><![CDATA[前端开发]]></category>
		<category><![CDATA[浏览器插件]]></category>
		<category><![CDATA[chrome]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[music]]></category>
		<category><![CDATA[web store]]></category>
		<category><![CDATA[人人]]></category>
		<category><![CDATA[开源]]></category>
		<category><![CDATA[电台]]></category>
		<category><![CDATA[虾米]]></category>
		<category><![CDATA[豆瓣]]></category>
		<category><![CDATA[音乐]]></category>

		<guid isPermaLink="false">http://www.welefen.com/?p=798</guid>
		<description><![CDATA[音乐电台是一款支持百度听、豆瓣电台、酷狗电台、虾米电台、酷我电台、乐酷电台、多米音乐、音悦电台、亦歌电台、人人电台、一首歌电台、百度音乐盒、搜狗音乐盒、Google音乐盒等14种电台的chrome插件，该插件已经放到chrome web store里，目前已经有700名安装用户。 通过收集大家的一些反馈，发现播放模式和选项不是太好用。最近对这块进行了重新的规划，周末在家将代码进行了完整的重构和升级，将版本升级到2.0。升级的功能如下： 1、支持播放模式和下拉模式 播放模式：这种模式还是跟之前一样，选择一个电台后，点击icon直接播放 下拉模式：先增加的模式，为了方便大家在多个电台之间选择，可以在选项里选择喜欢的电台，然后点击右上角的icon时不再是直接播放，而是出现下拉列表，列表里就是自己选择的电台。 可以在选项里很方便的在2种播放模式下切换： 选择播放模式下的电台后，点击保存则保存设置的电台并且打开设置的电台。 选择下拉模式后，可以想要听的电台从下面拖拽到下面，建议不要超过5个。选择下拉模式后再次点击右上角的icon后，会出现如下的下拉框： 2 、增加了分享方式 之前有些用户反馈自己安装了，但无法推荐给好友安装，也就是不知道让别人从哪些安装。这个版本修复了这个问题，在选项和下拉模式里都增加了分享了按钮，直接点击那些按钮就可以很方便。 3、代码进行了完全的重构 1.0版本的时候由于代码比较少，当时没有很好的规划。在做2.0的时候由于代码要多很多，所以在之前的基础上进行了完整的重构。管理更方便，结构更清晰。 &#160; 在线安装 你可以点击这里去官方的chrome web store里安装 &#160; &#160; &#160; &#160; 相关文章 音乐电台chrome插件(包含豆瓣、人人等14个电台) sdch: chrome支持的新HTTP传输压缩算法 发布一款Google+版wordpress主题 google chrome os 发布gplus主题1.1版]]></description>
		<wfw:commentRss>http://www.welefen.com/music-chrome-plugin-upgrade-to-2.html/feed</wfw:commentRss>
		<slash:comments>34</slash:comments>
		</item>
		<item>
		<title>sdch: chrome支持的新HTTP传输压缩算法</title>
		<link>http://www.welefen.com/sdch-in-chrome.html</link>
		<comments>http://www.welefen.com/sdch-in-chrome.html#comments</comments>
		<pubDate>Fri, 12 Aug 2011 05:08:51 +0000</pubDate>
		<dc:creator>welefen</dc:creator>
				<category><![CDATA[前端开发]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[chrome]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[gzip]]></category>
		<category><![CDATA[pushstate]]></category>
		<category><![CDATA[sdch]]></category>

		<guid isPermaLink="false">http://www.welefen.com/?p=837</guid>
		<description><![CDATA[概述 我们知道，为了加快网络传输，一般都使用gzip对文本进行压缩。如果你现在用最新版的chrome去访问页面，然后打开network控制面板，查看http headers，细心的你会发现在Request Headers里的Accept-Encoding不再是gzip,deflate，而是多了个sdch，变成了gzip,deflate,sdch。如图： SDCH到底是什么 sdch是Shared Dictionary Compression over HTTP的缩写，即通过字典压缩算法对各个页面中相同的内容进行压缩，减少相同的内容的传输。如：一个网站中一般都是共同的头部和尾部，甚至一些侧边栏也是共同的。之前的方式每个页面打开的时候这些共同的信息都要重新加载，但使用SDCH压缩方式的话，那些共同的内容只用传输一次就可以了。 sdch主要分为3个部分：首次请求，下载字典，之后的请求。 这种方式最开始的时候是Google工具栏里为IE准备的，目前Chrome已经完全支持了，不过暂时还没发现哪个网站在使用。 SDCH与ajax+pushState SDCH压缩方式是为了减少相同内容的传输的，同时之前介绍的ajax+pushState也是减少相同内容的传输，他们想达到的效果是一样的。只是SDCH是Google出的，可能今后一段时间只有Chrome浏览器支持，但pushState是HTML5的一个标准，目前已经有Chrome和Firefox支持，之后会有越来越多的浏览器支持。 个人觉得SDCH可能没有什么太大的发展，但可以作为一个新方向研究，并且在合适的时候添加到标准里，让网络传输越来越迅速。 &#160; &#160; 相关文章 pjax：ajax和pushState结合的js库 使用ajax和history.pushState无刷新改变页面URL 发布一款Google+版wordpress主题 音乐电台chrome插件发布2.0版本 音乐电台chrome插件(包含豆瓣、人人等14个电台)]]></description>
		<wfw:commentRss>http://www.welefen.com/sdch-in-chrome.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>pjax：ajax和pushState结合的js库</title>
		<link>http://www.welefen.com/pjax-for-ajax-and-pushstate.html</link>
		<comments>http://www.welefen.com/pjax-for-ajax-and-pushstate.html#comments</comments>
		<pubDate>Tue, 26 Jul 2011 05:42:44 +0000</pubDate>
		<dc:creator>welefen</dc:creator>
				<category><![CDATA[前端开发]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[chrome]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[onpopstate]]></category>
		<category><![CDATA[pjax]]></category>
		<category><![CDATA[pushstate]]></category>
		<category><![CDATA[qwrap]]></category>
		<category><![CDATA[replacestate]]></category>
		<category><![CDATA[tangram]]></category>

		<guid isPermaLink="false">http://www.welefen.com/?p=786</guid>
		<description><![CDATA[上篇文章讲到如何使用ajax+pushState打造无刷新改变URL的方式。虽然这种方式是将ajax、history.pushState、history.replaceStatte、window.onpopstate等几个技术点结合，但在具体使用中还是要考虑到很多情况的，如： 1、改变内容的时候也要改变title 2、不支持的浏览器如何处理 3、事件如何绑定，是否使用了delegate模式 4、ajax异常处理 5、ajax前后的自定义事件等 介于有上面等多的疑问，将ajax和pushState封装下，供后面使用还是非常有帮助的。本文就是对pjax(ajax+pushState)的一个介绍 介绍 pjax是对ajax + pushState的封装，让你可以很方便的使用pushState技术。 同时支持了缓存和本地存储，下次访问的时候直接读取本地数据，无需在次访问。 并且展现方式支持动画技术，可以使用系统自带的动画方式，也可以自定义动画展现方式。 目前只提供了基于jquery的版本，后续将增加基于qwrap, tangram等版本。 如何使用 将jquery.pjax.js部署到你的页面中，将需要使用pjax的a链接进行绑定（不能绑定外域的url），如: $('a').pjax({ container: '#container', //内容替换的容器 fx: 'fade', //展现的动画，支持默认和fade, 可以自定义动画方式。 cache: true, //是否使用缓存 storage: true, //是否使用本地存储 titleSuffix: '' //标题后缀 }) 事件(events) 一般情况下使用ajax来获取数据的时候，我们都希望有个loading的效果，pjax本身不提供这个功能，但提供了2个相关的事件。 如果需要这样的功能，可以在事件里实现这种功能。 start.pjax 在pjax ajax发送request之前调用 end.pjax 在phax ajax结束时调用 这样你可以在start.pjax事件里显示loading效果，在end.pjax事件里隐藏loading了。如： $('#container').bind('start.pjax', function(){ $('#loading').show(); }) $('#container').bind('end.pjax', function(){ $('#loading').hide(); }) 浏览器支持 提供了history.pushState接口的浏览器才支持这个功能，$.support.pjax是用来判断浏览器是否支持的。 [...]]]></description>
		<wfw:commentRss>http://www.welefen.com/pjax-for-ajax-and-pushstate.html/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>音乐电台chrome插件(包含豆瓣、人人等14个电台)</title>
		<link>http://www.welefen.com/chrome-music-plugin.html</link>
		<comments>http://www.welefen.com/chrome-music-plugin.html#comments</comments>
		<pubDate>Sun, 19 Jun 2011 03:22:35 +0000</pubDate>
		<dc:creator>welefen</dc:creator>
				<category><![CDATA[浏览器插件]]></category>
		<category><![CDATA[chrome]]></category>
		<category><![CDATA[github]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[music]]></category>
		<category><![CDATA[webstore]]></category>
		<category><![CDATA[乐酷电台]]></category>
		<category><![CDATA[亦歌电台]]></category>
		<category><![CDATA[人人电台]]></category>
		<category><![CDATA[在线听歌]]></category>
		<category><![CDATA[多米电台]]></category>
		<category><![CDATA[开源]]></category>
		<category><![CDATA[扩展]]></category>
		<category><![CDATA[插件]]></category>
		<category><![CDATA[电台]]></category>
		<category><![CDATA[百度听]]></category>
		<category><![CDATA[虾米电台]]></category>
		<category><![CDATA[豆瓣电台]]></category>
		<category><![CDATA[酷我电台]]></category>
		<category><![CDATA[音乐]]></category>
		<category><![CDATA[音悦电台]]></category>

		<guid isPermaLink="false">http://www.welefen.com/?p=557</guid>
		<description><![CDATA[问题驱动 自从豆瓣出了豆瓣电台后，电台越来越多，并且也习惯了使用电台来听歌。 之前一直使用百度听，但每次都要去打开，感觉非常麻烦。 查了下对应的浏览器插件，发现都是提供单个的，并且没有百度听。 正好最近对chrome下浏览器插件开发比较感兴趣，所以就开发了音乐电台插件。 插件功能 该插件提供了目前最流行的音乐电台播放，包括：百度听、豆瓣电台、酷狗电台、虾米电台、酷我电台、乐酷电台、多米音乐、音悦电台、亦歌电台、人人电台、百度mp3音乐盒、搜狗音乐盒、Google音乐盒。 在选项中可以选择自己喜欢听的音乐电台。 在线安装 &#160; 去chrome web store安装 (chrome官方扩展商店) &#160; 安装完成后，浏览器右上角会出现音乐电台的icon。 点击该icon后，会随机从上面的电台中选择一个播放歌曲。 右键点击icon，可以进入选项设置页面，设置自己想听的电台。 用户体验设计 1、默认情况下会随机选择电台听歌，让没有对某个电台情有独钟的同学有慢慢适应的时间。 2、多次打开电台会自动将之前打开的电台关闭，避免了多个电台同时播放有多种音乐的干扰。 更新历史 == 1.14版本更新(2011.07.19) == 1、打开电台页面时添加了统计，只是想统计哪些电台比较受欢迎（为了之后更好的用户体验）， 不会获取用户隐私信息，请大家放心。 == 1.13版本更新(2011.07.11) == 1、优化了选项页里操作复杂的问题，现在保存后直接打开电台页面并关闭选项页面。 == 1.12版本更新(2011.06.29) == 1、修复了网速慢导致去不掉百度音乐盒右侧广告的bug 2、添加了一首歌电台、搜狗音乐盒、Google音乐盒 3、修复了音乐电台页面查看源代码显示不全的问题 == 1.11版本更新(2011.06.22) == 1、将插件上传到chrome web store（需要支付5美元），不在手工维护更新版本 2、增加了百度音乐掌门人，修复了多次点击可能会失灵的情况。 下载源代码 该扩展的代码已经开源，并放在了github上，可以点击这里查看源代码 &#160; &#160; 有问题欢迎向我反馈。 相关文章 音乐电台chrome插件发布2.0版本 发布一款Google+版wordpress主题 sdch: chrome支持的新HTTP传输压缩算法 百度搜藏chrome插件 google [...]]]></description>
		<wfw:commentRss>http://www.welefen.com/chrome-music-plugin.html/feed</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>百度搜藏chrome插件</title>
		<link>http://www.welefen.com/chrome-plugin-for-baidu-soucang.html</link>
		<comments>http://www.welefen.com/chrome-plugin-for-baidu-soucang.html#comments</comments>
		<pubDate>Wed, 15 Jun 2011 05:08:22 +0000</pubDate>
		<dc:creator>welefen</dc:creator>
				<category><![CDATA[前端开发]]></category>
		<category><![CDATA[浏览器插件]]></category>
		<category><![CDATA[chrome]]></category>
		<category><![CDATA[插件]]></category>
		<category><![CDATA[百度搜藏]]></category>

		<guid isPermaLink="false">http://www.welefen.com/?p=537</guid>
		<description><![CDATA[前言 一直都很喜欢使用百度搜藏，虽然功能比较简单，但由于有强大的搜索和分类还是非常不错的。 现在渐渐喜欢上了Linux &#38; chrome下开发和折腾，由于百度搜藏没有提供对应的Chrome插件，导致使用百度搜藏非常的不方便。 并且Firefox的插件在4.0版本中也不好用了。 Chrome插件开发 由于没有其他好的工具来代替，所以只能自己去开发一个chrome插件。 之前由于没有开发过chrome插件的经验，所以先去官方看了一下文档，发现chrome下的插件开发还是非常简单的。 具体的文档可以看这里。 由于功能比较简单，所以只要下面几个文件就可以了。 其中manifest.json的内容如下： { "name": "百度搜藏", "version": "1.0", "description": "百度搜藏Chrome插件", "background_page": "background.html", "browser_action": { "default_icon": "images/icon1.png", "default_title":"添加到百度搜藏" }, "content_scripts": [ { "matches": ["*://*/*"], "js": ["soucang.js"] } ], "permissions":["tab", "tabs", "contextMenus"], "icons": { "16": "images/icon1.png" } } soucang.js的文件内容如下： if(location.hash == '#nw=1'){ window.addEventListener('unload', function(){ chrome.extension.sendRequest({winclose:1}, function(response) { //console.log(response.farewell); [...]]]></description>
		<wfw:commentRss>http://www.welefen.com/chrome-plugin-for-baidu-soucang.html/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>google chrome os</title>
		<link>http://www.welefen.com/google-chrome-os.html</link>
		<comments>http://www.welefen.com/google-chrome-os.html#comments</comments>
		<pubDate>Wed, 30 Sep 2009 15:17:43 +0000</pubDate>
		<dc:creator>welefen</dc:creator>
				<category><![CDATA[我的生活]]></category>
		<category><![CDATA[chrome]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[linux]]></category>
		<category><![CDATA[opensuse]]></category>
		<category><![CDATA[os]]></category>
		<category><![CDATA[virtualbox]]></category>

		<guid isPermaLink="false">http://www.welefen.com/?p=1</guid>
		<description><![CDATA[从google发布出chrome os的消息到网上多次泄露，现在chrome os终于和我们见面了。此刻这个神秘的面纱终于揭开了。我们来看看她到底是个什么样子。目前的版本是0.4.207。 从chrome os的介绍页，我们可以知道chrome os是基于linux内核的，但还不知道是基于什么发行版或者是自己重弄个发行版。 你可以从http://sites.google.com/site/chromeoslinux/download下载virtual appliance或者Live CD image。我这里下载的是virtual appliance，准备在VirtualBox中安装。如果你还没有的话，可以从http://www.virtualbox.org/wiki/Downloads下载。下面来看看在VirtualBox中具体的安装过程。 下载后的文件是Chrome_OS.i686-0.4.207.vmx.tar.gz，解压后有两个文件。Chrome_OS.i686-0.4.207.vmdk和Chrome_OS.i686-0.4.207.vmx。 安装 1、在VirtualBox中，点击“新”-》“虚拟电脑名称和系统内型”。 2、内存大小选择你需要的，这里选择了256M。 3、虚拟硬盘中选择“使用现有的虚拟硬盘”，然后在打开的虚拟介质管理器中点击“注册”。然后选择下载所在位置的Chrome_OS.i686-0.4.207.vmdk。然后差不多就完成了。 下面列出一些截图界面： 1、系统启动页。 从图的右下角我们可以判断chrome os是基于opensuse的。 2、系统桌面。 3、chrome界面。 结束语 从目前的功能上看，几乎没什么，差不多就是把chrome浏览器给弄进去了。没有之前泄露图上的google docs等等。不过chrome os为什么要基于opensuse是个很奇怪的问题，难道是因为opensuse华丽的界面？ 相关文章 音乐电台chrome插件发布2.0版本 sdch: chrome支持的新HTTP传输压缩算法 音乐电台chrome插件(包含豆瓣、人人等14个电台) 转至linux下开发 发布gplus主题1.1版]]></description>
		<wfw:commentRss>http://www.welefen.com/google-chrome-os.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Page Caching using eaccelerator
Database Caching 1/37 queries in 0.026 seconds using disk: basic
Object Caching 624/755 objects using disk: basic

Served from: welefen.com @ 2012-02-08 04:06:03 -->
