4544人阅读
测试（12）
下载地址：/s/1kTh1g4B
安装方法：
1.下载并解压
2.解压后，打开谷歌浏览器，选择更多工具→扩展程序，如图
3.勾选开发者模式
4.选择加载正在开发的扩展程序，选择刚才解压的postman插件
5.ok，装好啦！进入chrome://apps/ & & &就可以看到postman插件啦！
使用方法：
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：80901次
积分：1825
积分：1825
排名：第17693名
原创：72篇
转载：97篇
评论：41条
(1)(7)(4)(1)(8)(33)(31)(11)(4)(9)(20)(1)(1)(13)(10)(2)(3)(7)(3)(8)Chrome开发（2）
有一些扩展允许用户进行个性化设置，这样就需要向用户提供一个选项页面。Chrome通过Manifest文件的options_page属性为开发者提供了这样的接口，可以为扩展指定一个选项页面。当用户在扩展图标上点击右键，选择菜单中的“选项”后，就会打开这个页面。对于没有图标的扩展，可以在chrome://extensions页面中单击“选项”。
对于网站来说，用户的设置通常保存在Cookies中，或者保存在网站服务器的数据库中。对于JavaScript来说，一些数据可以保存在变量中，但如果用户重新启动浏览器，这些数据就会消失。那么如何在扩展中保存用户的设置呢？我们可以使用HTML5新增的localStorage接口。localStorage是HTML5新增的方法，它允许JavaScript在用户计算机硬盘上永久储存数据（除非用户主动删除）。但localStorage也有一些限制，首先是localStorage和Cookies类似，都有域的限制，运行在不同域的JavaScript无法调用其他域localStorage的数据；其次是单个域在localStorage中存储数据的大小通常有限制（虽然W3C没有给出限制），对于Chrome这个限制是5MB ；最后localStorage只能储存字符串型的数据，无法保存数组和对象，但可以通过join、toString和JSON.stringify等方法先转换成字符串再储存。
天气预报扩展
我们将编写一个天气预报的扩展，这个扩展将提供一个选项页面供用户填写所关注的城市。有很多网站提供天气预报的API，我就用书上的地址：
manifest文件
"manifest_version": 2,
"name": "天气预报",
"version": "1.0",
"description": "查看未来一周的天气情况",
"icons": {
"16": "images/icon16.png",
"48": "images/icon48.png",
"128": "images/icon128.png"
"browser_action": {
"default_icon": {
"19": "images/icon19.png",
"38": "images/icon38.png"
"default_title": "天气预报",
"default_popup": "popup.html"
"options_page": "options.html",
"permissions": [
"http://api.openweathermap.org/data/2.5/forecast/daily?q=*"
上面是这个扩展的Manifest文件，options.html为设定选项的页面。下面开始编写options.html文件。
options.html
charset="UTF-8"&
&设定城市&
type="text" id="city" /&
type="button" id="save" value="保存" /&
src="js/options.js"&&
这个页面提供了一个id为city的文本框和一个id为save的按钮。由于Chrome不允许将JavaScript内嵌在HTML文件中，所以我们单独编写一个options.js脚本文件，并在HTML文件中引用它。下面来编写options.js文件。
options.js
var city = localStorage.city || 'beijing';
document.getElementById('city').value =
document.getElementById('save').onclick = function(){
localStorage.city = document.getElementById('city').
alert('保存成功。');
options.js的代码中可以看到，localStorage的读取和写入方法很简单，和JavaScript中的变量读写方法类似。
显示天气预报的结果，我们为扩展指定了一个popup.html页面。下面来编写这个UI页面。
popup.html
charset="UTF-8"&
margin: 0;
padding: 0;
width: 520px;
height: 270px;
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size: 12px;
width: 480px;
text-align: left;
border-collapse: collapse;
border: 1px solid #69c;
margin: 20px;
cursor: default;
font-weight: normal;
font-size: 14px;
color: #039;
border-bottom: 1px dashed #69c;
padding: 12px 17px;
white-space: nowrap;
color: #669;
padding: 7px 17px;
white-space: nowrap;
color: #339;
background: #d0dafd;
id="weather"&&
src="js/weather.js"&&
其中id为weather的div元素将用于显示天气预报的结果。下面来编写weather.js文件。
weather.js
function httpRequest(url,callback){
var xhr = new XMLHttpRequest();
xhr.open("GET", url, true);
xhr.onreadystatechange = function() {
if (xhr.readyState == 4) {
callback(xhr.responseText);
xhr.send();
function showWeather(result){
result = JSON.parse(result);
var list = result.
var city = localStorage.
city = city?city:'beijing';
var table = '&p&当前城市：'+city+'&/p&&table&&tr&&th&日期&/th&&th&天气&/th&&th&最低温度&/th&&th&最高温度&/th&&/tr&';
for(var i in list){
var d = new Date(list[i].dt*1000);
table += '&tr&';
table += '&td&'+d.getFullYear()+'-'+(d.getMonth()+1)+'-'+d.getDate()+'&/td&';
table += '&td&'+list[i].weather[0].description+'&/td&';
table += '&td&'+Math.round(list[i].temp.min-273.15)+' °C&/td&';
table += '&td&'+Math.round(list[i].temp.max-273.15)+' °C&/td&';
table += '&/tr&';
table += '&/table&';
document.getElementById('weather').innerHTML =
var city = localStorage.
city = city?city:'beijing';
var url = 'http://api.openweathermap.org/data/2.5/forecast/daily?q='+city+',china&lang=zh_cn&&APPID=f8e5df18e';
httpRequest(url, showWeather);
weather扩展的运行界面
无论是options.js还是weather.js中都有如下语句：
var city = localStorage.
city = city?city:'beijing';
也就是说，当选项没有值时，应设定一个默认值，以避免程序出错。此处如果用户未设置城市，扩展将显示北京的天气预报。
页面中文乱码需要在head中加入&meta charset="UTF-8"&
代码weather.js中请求的api地址中的APPID可以更改为大家自己注册账号生成的key。
OK，今天的学习就到这里了。本示例扩展的源代码可以通过
下载得到。
本文同步地址：
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：849次
排名：千里之外如何下载 Chrome 应用商店的 .crx 文件
Loading...
或许有千百个理由需要下载 .crx 文件，总之就是要下载下来，比如青小蛙需要帮妹纸远程装个扩展，但妹纸的网络下载不了，总不能打飞的现场安装吧…
网络上还有其他一些办法下载，比如修改 URL 大法，以 Google Maps 扩展（/webstore/detail/google-maps/lneaknkopdijkpnocmklfnjbeapigfbh）为例，只需将上面的地址 ID 部分（看似乱码部分）复制下来，替代下面的“这里这里”
/service/update2/crx?response=redirect&x=id%3D这里这里%26uc
然后用非 Chrome 浏览器打开这个地址，就可以下载 .crx 文件了。问题是，上面的妹纸说打不开应用商店…
回到 Chrome Extension Downloader 中，只需将应用地址输入网站，就完成下载了，简单方便不用折腾。
另外由于安全原因，Chrome 要安装非应用商店的扩展，需要打开扩展管理界面，将 .crx 拖进去才可以。还是由于安全原因，不要随意安装不了解来源的 .crx 扩展，自己下载的最可靠。
不用这玩意，帮妹纸当然是亲自上门了！
按分类查看文章:
大家都在讨论些什么
: 跟moinmoin比较呢？: 每月: 每个月的
/en/pricing: 问一下，1000次运行是总计还是每月/每天？: 这才是我想要的效果！多谢层主！声音也可以共享，而且声音的发送和接收方是可以独立设置的，也就是说音箱可以随意接在服务器或客户端上。
控制项也非常方便实用，值得推荐。: 我是想不通自己辛辛苦苦那么多笔记，放在一个被别人操控的黑箱里面，难道没有一点不安全感吗。我还是选择为知，之前充的时间翻倍到2022年了。: 为嘛要打脸？可以单身狗自己玩啊
最热门标签
传说中的小众软件 让你的手机应用与众不同。
商业网站或未授权媒体不得复制、转载、使用本站内容。摘要 : iChrome是一块chrome浏览器上的快速、高效的新标签页插件，提供了多种快速访问的小工具以及新闻、天气预报等的功能。
功能简介 iChrome是一块chrome浏览器上的快速、高效的新标签页插件，提供了多种快速访问的小工具以及新闻、天气预报等的功能。 新版特征
Chrome最好用的主页，拥有令人惊叹且可以任意定制的主题和小部件，并如闪电般急速！
你的新标签页本该如此：快速，可自定义，美观而又高效！
想用iChrome作为你的新标签页？试试 iChrome New Tab: https://ichro.me/n
iChrome 包括 50 个小部件，数以千计的惊人的背景图片和这些强大的功能：
? 完全没有广告或恶意程序。
? 这些小部件包括： 天气、 体育、 新闻、 股票、 RSS、 书签、 Gmail、 最近关闭的标签，远远不止这些!
? 拖拽以自定义1到5个栏位或一个网格
? 语音识别将搜索事务化繁为简，iChrome拥有全方位的语音识别搜索功能，更可随时说出"OK Google"启动，令搜索就像与人交谈一样自如。
? 升级到高级版可得到黑暗和透明主题、 活动背景、 可最大化的小部件，精确到小时的天气预测，和更多
? 在无限数量且各自有着自己小部件的可自定义选项卡之间任意切换
? 无论何时，一切 (包括背景) 都已经准备好，您可以完全离线工作！
? 还有近百种其他特性！现在就安装iChrome感受这一切吧！
iChrome 是一个开源项目，如果您感兴趣可以在Github查看它 ： /AMKohn/iChrome
随时欢迎在此反馈问题和建议：
您是否厌倦了千篇一律且不可定制的的主页拓展？您是否在被植入广告不断骚扰？您还在不断的寻找，心目中的启动器究竟在哪里吗？想要使用一个易用而且能干，简洁亦精美的启动页改变这一切吗？iChrome为您而生！
相关Chrome插件推荐：
Chrome插件技术开发工程师
02-02 09:32
05-07 00:01
09-21 22:43
没有更多了