My Style
Insert custom CSS into pages, immediately see the visual results, and have that CSS persist for future visits.
什麼是My Style？
My Style是由Karthik Viswanathan開發的Chrome擴展程式，該擴展的主要功能是“Insert custom CSS into pages, immediately see the visual results, and have that CSS persist for future visits.”。
擴展截圖
下載My Style擴展crx文件
下載My Style擴展crx格式的文件，手動將Chrome擴充功能安裝到瀏覽器中，也可以將crx文件分享給朋友，輕鬆安裝Chrome擴充功能。
擴展使用說明
Usage:
You may dislike a given site's design and want to add your own touch--that is, your own style--to make it aesthetically pleasing. After installing the extension, visit the site (e.g. techcrunch.com) and hit control + m. You should see a textarea to the right of the browser window. Insert your custom CSS into it and view the results.
This CSS will be reinserted upon revisiting the site, thereby saving your styles. Pressing control + m once more will hide the textarea, but your contents will still be retained.
See https://github.com/karthikv/my-style (scroll down) for an example.
To speed up the process of styling, if you hold alt while clicking an element, a selector for that element will automatically be appended to the textarea editor. With this, you can circumvent the time it takes to inspect the element to find how to target it.
How it Works:
My Style is quite simple. It inserts a textarea into the page, looks for changes to the textarea's contents, and updates a dynamically inserted style tag appropriately. My Style employs local storage to make CSS changes persistent. It uses simple technologies for a simple result.
Icon made by Freepik (https://www.freepik.com/) from FlatIcon (http://www.flaticon.com) 擴展基本資訊
| 名稱 |  My Style |
| ID | ljdhjpmbnkbengahefamnhmegbdifhlb |
| 官方網址 | https://chromewebstore.google.com/detail/my-style/ljdhjpmbnkbengahefamnhmegbdifhlb |
| 簡介 | Insert custom CSS into pages, immediately see the visual results, and have that CSS persist for future visits. |
| 檔案大小 | 5.24 KB |
| 安裝次數 | 2,953 |
| 目前版本 | 0.3 |
| 更新時間 | 2019-01-20 |
| 上架時間 | 2019-01-19 |
| 評分 | 3.91/5 共 75 次評分 |
| 開發者 | Karthik Viswanathan |
| 付費類型 | free |
| 擴展官網 | https://github.com/karthikv/my-style |
| 支援的語言 | en |
| manifest.json | |
{
"update_url": "http:\/\/clients2.google.com\/service\/update2\/crx",
"manifest_version": 2,
"name": "My Style",
"description": "Insert custom CSS into pages, immediately see the visual results, and have that CSS persist for future visits.",
"version": "0.3",
"content_scripts": [
{
"matches": [
"http:\/\/*\/*",
"https:\/\/*\/*"
],
"css": [
"my-style.css"
],
"js": [
"my-style.js"
],
"run_at": "document_start"
}
]
} | |
