Seesponsive
Interactively see how a website's layout changes responsively
什麼是Seesponsive？
Seesponsive是由Simon Collins開發的Chrome擴展程式，該擴展的主要功能是“Interactively see how a website's layout changes responsively”。
擴展截圖
下載Seesponsive擴展crx文件
下載Seesponsive擴展crx格式的文件，手動將Chrome擴充功能安裝到瀏覽器中，也可以將crx文件分享給朋友，輕鬆安裝Chrome擴充功能。
擴展使用說明
INTRODUCTION
Seesponsive is a simple Google Chrome extension that allows you to see how a website's layout and design adjust responsively as the available screen width changes. It also lets you see the media queries that are being progressively matched or unmatched, driving these changes.
USAGE
To use the extension, just browse to a website that uses media queries. Then click the extension's action button in the toolbar. After a few seconds a black action bar will appear at the top of the page with two buttons - Shrink and Grow.
Clicking these will shrink and grow the width of the website to simulate the device width changing. As this occurs the action bar will indicate which media queries are being matched/unmatched at a particular width.
To see some examples of sites that use media queries to adapt responsively visit Media Queries (http://mediaqueri.es/).
Note: The Media Queries website is not in anyway affiliated with, nor does it endorse this extension. It's just a really useful website that I've used in the screenshots purely for demonstration purposes.
KNOWN ISSUES
Occasionally you may find that the loading message does not disappear and you get an error popup. This is an known intermittent issue at the moment. Usually reloading the page and trying again solves it.
SOURCE CODE
This extension is open source under the MIT licence. See the Github project for details and code:
https://github.com/devilishio/seesponsive 擴展基本資訊
| 名稱 |  Seesponsive |
| ID | pplnkpfppfjanjgpbdfkbeeafjplcegi |
| 官方網址 | https://chromewebstore.google.com/detail/seesponsive/pplnkpfppfjanjgpbdfkbeeafjplcegi |
| 簡介 | Interactively see how a website's layout changes responsively |
| 檔案大小 | 50.46 KB |
| 安裝次數 | 288 |
| 目前版本 | 1.0 |
| 更新時間 | 2014-03-18 |
| 上架時間 | 2014-03-18 |
| 評分 | 5.00/5 共 1 次評分 |
| 開發者 | Simon Collins |
| 付費類型 | free |
| 支援的語言 | en |
| manifest.json | |
{
"update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
"manifest_version": 2,
"name": "Seesponsive",
"description": "Interactively see how a website's layout changes responsively",
"version": "1.0",
"browser_action": {
"default_icon": "icon19.png",
"default_title": "Seesponsive"
},
"icons": {
"16": "icon16.png",
"48": "icon48.png",
"128": "icon128.png"
},
"background": {
"page": "event_page.html",
"persistent": false
},
"permissions": [
"webNavigation",
"activeTab",
"http:\/\/*\/",
"https:\/\/*\/"
]
} | |
