Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/zhentaoo/bitcoin-price
Chrome Extension: 快速查看重要投资信息, 比特币、美元、黄金、
https://github.com/zhentaoo/bitcoin-price
Last synced: 16 days ago
JSON representation
Chrome Extension: 快速查看重要投资信息, 比特币、美元、黄金、
- Host: GitHub
- URL: https://github.com/zhentaoo/bitcoin-price
- Owner: zhentaoo
- Created: 2017-09-09T08:14:00.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2024-07-29T01:04:19.000Z (4 months ago)
- Last Synced: 2024-10-11T20:12:01.522Z (about 1 month ago)
- Language: JavaScript
- Homepage:
- Size: 813 KB
- Stars: 20
- Watchers: 1
- Forks: 5
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
### Chrome 插件--比特币、黄金、美元价格
> 正如你看到的，这是个 chrome 插件，主要是显示 比特币、黄金、美元当前的 RMB 价格
> 如果你对区块链、前端技术，以及投资感兴趣，那就一起参与这个项目吧！！！
> 项目中用到的接口都是第三方的，不保证稳定性....
## 如何使用该插件?
打开 Chrome，更多工具（more tools），扩展（extensions），加载解压的扩展（load unpacked extension），选择 bitcoin-price / src 目录
## 如何写一个 自己的Chrome 插件？
### 官方文档
官方文档：https://developer.chrome.com/docs/extensions/mv2/match_patterns/
360 翻译：http://open.chrome.360.cn/extension_dev/background_pages.html
### 概述
一个 Chrome 插件，其实是压缩在一起的一组文件，包括 HTML，CSS，Javascript 脚本，图片文件，还有其它任何需要的文件。插件本质上来说就是 web 页面，它们可以使用所有的浏览器提供的 API，从 XMLHttpRequest 到 JSON 到 HTML5 全都有。
插件 可以与 Web 页面交互，或者通过 content script 或 cross-origin XMLHttpRequests 与服务器交互。插件 还可以访问浏览器提供的内部功能，例如标签或书签等。
### 配置文件
manifest.json 是插件的主要配置文件，包含了插件权限、插件弹出页、后台执行脚本、网站匹配脚本执行；
### background_pages
- 文档：https://developer.chrome.com/docs/extensions/mv2/background_pages/
- 在插件启动时，就会执行该脚本，不需要 HTML 文件，例：background.js；
绝大多数插件都包含一个背景页面(background page)，用来执行插件的主要功能。
### Content scripts
- 文档：https://developer.chrome.com/docs/extensions/mv2/content_scripts/
- 如果一个应用（扩展）需要与 web 页面交互，那么就需要使用一个 content script。Content script 脚本是指能够在浏览器已经加载的页面内部运行的 javascript 脚本。可以将 content script 看作是网页的一部分，而不是它所在的应用（扩展）的一部分。
### Popup html
一个 browser action 可以包含一个弹窗(popup)，而弹窗就是用 html 页面实现的。应用（扩展）还可以使用 chrome.tabs.create()或者 window.open()来显示内部的 HTML 文件。
应用（扩展）里面的 HTML 页面可以互相访问各自 DOM 树中的全部元素，或者互相调用其中的函数。
### Structure
### Debug Skills
#### debug background js
#### debug content.js
#### debug popup html
