首页 > Chrome

读完本文,你就可以自己动手开发一个Chrome扩展应用啦 :-)

一、前言

Chrome提供了扩展(Extension)功能,可以看作是一个Web APP以插件的形式集成在浏览器中。

本文要示例开发的是一个简单的[ 天气预报 ]扩展,能够提供六天天气预报(包括昨天),显示天气、温度、风速及当天空气质量等信息。

完成结果如图:

Screenshot_1 继续阅读→

阅读全文

以往只是用Chrome的控制台console.log()输出调试信息,最近看到一些有趣的控制台输出,又发现了几个hack技能。

一、输出彩色文本

一般console.log()输出的都是黑色的文本,但是Chrome提供了给输出文本自定义样式的功能,它的格式为:

console.log("%c需要输出的信息 ", "css 代码");

例如想要输出彩色文本可以在控制台输入下面代码后回车:

console.log('%c输出彩色文本', 'background-image:-webkit-gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );color:transparent;-webkit-background-clip: text;font-size:5em;');

效果如下图:

2016071713565738

继续阅读→

阅读全文