Chrome 行情抓取插件
Chrome 行情抓取插件
上班想偷偷摸摸看行情？自己动手写插件啊，尝试写了一个，新建文件夹，命名为StockMonitor，放入文件如下：
- 3个.png图标文件，19X19、48X48、128X128，命名为19、48、128用作插件图标
- manifest.json：配置文件
{
"update_url": "https://clients2.google.com/service/update2/crx",
"name": "StockMonitor",
"version": "1.0.0",
"description": "StockMonitor",
"manifest_version": 1,
"browser_action": {
"default_icon": "19.png",
"default_title": "StockMonitor",
"default_popup": "popup.html"
},
"icons": {
"16": "19.png",
"48": "48.png",
"128": "128.png"
},
"permissions": [
"http://hq.sinajs.cn/",
"storage"
]
}- popup.html：插件主界面
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
table {
width: 150px;
font-size: 10px;
text-align: center;
}
table tr th {
font-family: 'Courier New', Courier, monospace;
font-size: 12px;
}
.tr-red {
color: red;
}
.tr-green {
color: green;
}
</style>
</head>
<div id="maincontent">
<table>
<tr>
<th>名称</th>
<th>现价</th>
<th>涨幅</th>
</tr>
<tr id="510300">
<td>300ETF</td>
<td>0.000</td>
<td>-0.00%</td>
</tr>
<tr id="601288">
<td>农业银行</td>
<td>0.000</td>
<td>+0.00%</td>
</tr>
<tr id="000157">
<td>中联重科</td>
<td>0.000</td>
<td>+0.00%</td>
</tr>
</table>
</div>
<div>
<script type="text/javascript" charset="utf-8" src='jquery.min.js'></script>
<script type="text/javascript" charset="utf-8" src='refresh.js'></script>
</div>
</html>- refresh.js：数据获取脚本
var stock = {
format_number: function(s, n) {
n = n > 0 && n <= 20 ? n : 2;
s = parseFloat((s + "").replace(/[^\d\.-]/g, "")).toFixed(n) + "";
var l = s.split(".")[0].split("").reverse(),
r = s.split(".")[1];
t = "";
for (i = 0; i < l.length; i++) {
t += l[i] + ((i + 1) % 3 == 0 && (i + 1) != l.length ? "," : "");
}
return t.split("").reverse().join("") + "." + r;
},
init: function() {
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4) {
var quoteStr = xmlhttp.responseText;
quoteStr = quoteStr
.replace(/var hq_str_s_sz/g, '')
.replace(/var hq_str_s_sh/g, '')
.replace(/=/g, ',')
.replace(/"/g, '')
.replace(/\n/g, '')
.replace(/\r\n/g, '');
quoteStr = quoteStr.substr(0, quoteStr.length - 1);
var quotes = quoteStr.split(';');
for (var i = 0; i < quotes.length; i++) {
var quote = quotes[i].split(',');
var code = quote[0]; //代码
var price = parseFloat(quote[2]); //价格
var pct = quote[4]; //百分比
console.log(quote[4] + ',' + pct);
var tr = document.getElementById(quote[0]);
tr.children[1].innerText = stock.format_number(price, 3);
if (pct < 0) {
tr.setAttribute('class', 'tr-green');
tr.children[2].innerText = quote[4] + '%';
} else {
tr.setAttribute('class', 'tr-red');
tr.children[2].innerText = '+' + quote[4] + '%';
}
}
}
}
xmlhttp.open("GET", "http://hq.sinajs.cn/rn=1522216317579&list=s_sh510300,s_sh601288,s_sz000157", true);
xmlhttp.send();
}
};
window.onload = function() {
stock.init();
}在扩展程序里加载已解压的扩展程序即可使用，想打包什么的自行百度~
Chrome 行情抓取插件的更多相关文章
- Web自动化框架LazyUI使用手册（3）--单个xpath抓取插件详解（selenium元素抓取，有此插件，便再无所求！）
概述 前面的一篇博文粗略介绍了基于lazyUI的第一个demo,本文将详细描述此工具的设计和使用. 元素获取插件:LazyUI Elements Extractor,作为Chrome插件,用于抓取页面 ...
- Java 实现 HttpClients+jsoup，Jsoup，htmlunit，Headless Chrome 爬虫抓取数据
最近整理一下手头上搞过的一些爬虫,有HttpClients+jsoup,Jsoup,htmlunit,HeadlessChrome 一,HttpClients+jsoup,这是第一代比较low,很快就 ...
- Web UI 自动化单个xpath抓取插件详解
原文地址http://blog.csdn.net/kaka1121/article/details/51878346 单个控件获取 需求: 右键到某个控件上,就能获取到至多三个可以唯一定位该元素的相对 ...
- Chrome + Python 抓取动态网页内容
用Python实现常规的静态网页抓取时,往往是用urllib2来获取整个HTML页面,然后从HTML文件中逐字查找对应的关键字.如下所示: import urllib2 url="http: ...
- 玩爽了！直接在Chrome里抓取数据
一个小测试发现可以自动做题,于是想通过脚本的方式看能不能获取相应的题库,刚好可以学习一下JS异步操作.花了一天时间,总算跑顺利了,遇到了不少坑.记录下来分享. 1.JS如何顺序执行 JS有强大的异步操 ...
- 直接在Chrome里抓取数据
一个小测试发现可以自动做题,于是想通过脚本的方式看能不能获取相应的题库,刚好可以学习一下JS异步操作.花了一天时间,总算跑顺利了,遇到了不少坑.记录下来分享. 1.JS如何顺序执行 JS有强大的异步操 ...
- python 多线程抓取动态数据
利用多线程动态抓取数据,网上也有不少教程,但发现过于繁杂,就不能精简再精简?! 不多解释,直接上代码,基本上还是很好懂的. #!/usr/bin/env python # coding=utf-8 i ...
- EasyNVR网页摄像机无插件H5、谷歌Chrome直播方案之使用RTSP流判断摄像机设备是否在线以及快照抓取
背景分析 熟知EasyNVR产品的小伙伴都知道,通过纯Web化的交互方式,只要配置出摄像机的IP.端口.用户名.密码等信息,就可以将地址进行通道配置完成,即可将设备接入.如果设备支持Onvif协议,E ...
- fiddler无法抓取chrome解决方法
前端开发中,不可避免的要和服务器端进行联调,少了fiddler这个利器可不行. 由于无线开发需要配置UA,我使用chrome进行访问,但是今儿一早过来,发现fiddler无法抓取chrome的请求了. ...
随机推荐
- Eclipse代码自动提示（内容辅助content assist）
Eclipse中默认是输入"."后出现自动提示,用于类成员的自动提示,可是有时候我们希望它能在我们输入类的首字母后就出现自动提示,可以节省大量的输入时间(虽然按alt + /会出现 ...
- telerik:RadAsyncUpload 使用 时不执行上传事件的解决办法AsyncUpload1_FileUploaded(object sender, FileUploadedEventArgs e)
一般是因为web.config没有配置的原因! 只要在<handlers>下加上 <add name="Telerik.Web.UI.WebResource" v ...
- Caffe: Vs13添加CUDA支持
1. 右键工程 点击:Building Dependency 右击:Build Customizations 点击选项:CUDA 7.5 2.添加C++依赖: cudart.lib kernel32 ...
- Spark中Task，Partition，RDD、节点数、Executor数、core数目的关系和Application，Driver，Job，Task，Stage理解
梳理一下Spark中关于并发度涉及的几个概念File,Block,Split,Task,Partition,RDD以及节点数.Executor数.core数目的关系. 输入可能以多个文件的形式存储在H ...
- Spring AOP --JDK动态代理方式
我们知道Spring是通过JDK或者CGLib实现动态代理的,今天我们讨论一下JDK实现动态代理的原理. 一.简述 Spring在解析Bean的定义之后会将Bean的定义生成一个BeanDefinit ...
- 子元素设置margin-top作用到了父元素
子元素设置margin-top,父元素也受影响 解决办法:给父元素加个padding或border或overflow:hidden或父元素加前置内容生成 CSS中盒模型的理解
- 基于MATLAB的多功能语音处理器
一.设计功能 录制音频,保存音频 对录制的语音信号进行频谱分析,确定该段语音的主要频率范围: 利用采样定理,对该段语音信号进行采样,观察不用采样频率(过采样.欠采样.临界采样)对信号的影响: 实现语音 ...
- appium分层自动化的封装
1.创建一个case包,start_app的python文件 #coding=utf-8from appium import webdriverfrom util.read_init import R ...
- 自编码器----Autoencoder
一.自编码器:降维[无监督学习] PCA简介:[线性]原矩阵乘以过渡矩阵W得到新的矩阵,原矩阵和新矩阵是同样的东西,只是通过W换基. 自编码: 自动编码器是一种无监督的神经网络模型,它可以学习到输入数 ...
- 9.在idea中创建Maven项目
1.新建maven WEB项目 打开-File-New-Project 点击NEXT 2.选择项目组,并给项目命名 3.选择maven路径 添加的配置为 archetypeCatalog=intern ...