Viewport Dimensions
This extension displays Chrome’s viewport dimensions when resizing the browser window.
什麼是Viewport Dimensions？
Viewport Dimensions是由https://www.cswapps.com開發的Chrome擴展程式，該擴展的主要功能是“This extension displays Chrome’s viewport dimensions when resizing the browser window.”。
擴展截圖
下載Viewport Dimensions擴展crx文件
下載Viewport Dimensions擴展crx格式的文件，手動將Chrome擴充功能安裝到瀏覽器中，也可以將crx文件分享給朋友，輕鬆安裝Chrome擴充功能。
擴展使用說明
This extension displays Chrome’s viewport dimensions in the lower right corner of the browser window when resizing the browser. Very handy when you want to make the browser window a specific size for testing websites or if like me you want to make the viewport precisely 1920x1080 when recording screencasts at 1080p.
*** NOTE: Chrome requires you to RESTART Chrome before this extension is fully loaded.
*** UPDATED v0.0.7 ***
With the release of 0.0.7 I have added some new features, you can now set the amount of time the dimensions should remain visible for, the location on the screen the dimensions should appear, the background color, the text color, and size, and you now have the option to enable/disable both the inner/outer dimensions.
*** UPDATED v0.0.6 ***
FIX: I fixed an issue where sometimes the viewport details panel would hide
behind website elements, to fix this I have increased the z-index to
the maximum number.
*** UPDATED v0.0.5 ***
FIX: I fixed the error that would show up in the Chrome console.
NEW: I upgraded jQuery to v1.11.1
*** UPDATED v0.0.4 ***
NEW: The extension now displays Chrome’s inner and outer sizes.
NEW: The extension now works in offline mode, or with URLs "file:///".
If you find any issues or if this extension is not working correctly please post a comment on our GitHub page before leaving a review so I have a chance to fix it, thanks ;O)
https://github.com/CSWilson/Viewport-Dimensions/issues
You can view the code within this extension over at GitHub:
https://github.com/CSWilson/Viewport-Dimensions 擴展基本資訊
| 名稱 |  Viewport Dimensions |
| ID | kchdfagjljmhgapoonapmfngpadcjkhk |
| 官方網址 | https://chromewebstore.google.com/detail/viewport-dimensions/kchdfagjljmhgapoonapmfngpadcjkhk |
| 簡介 | This extension displays Chrome’s viewport dimensions when resizing the browser window. |
| 檔案大小 | 48.58 KB |
| 安裝次數 | 27,044 |
| 目前版本 | 0.0.7 |
| 更新時間 | 2016-09-18 |
| 上架時間 | 2016-09-17 |
| 評分 | 2.84/5 共 158 次評分 |
| 開發者 | https://www.cswapps.com |
| 付費類型 | free |
| 擴展官網 | https://github.com/CSWilson/Viewport-Dimensions |
| 說明頁面URL | https://github.com/CSWilson/Viewport-Dimensions/issues |
| 支援的語言 | en-US |
| manifest.json | |
{
"update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
"manifest_version": 2,
"name": "Viewport Dimensions",
"description": "This extension displays Chrome\u2019s viewport dimensions when resizing the browser window.",
"version": "0.0.7",
"options_ui": {
"page": "options.html",
"chrome_style": true
},
"permissions": [
"storage"
],
"background": {
"persistent": false,
"scripts": [
"js\/jquery-1.11.1.min.js",
"js\/scripts.js"
]
},
"icons": {
"128": "img\/icon128.png"
},
"content_scripts": [
{
"matches": [
"http:\/\/*\/*",
"https:\/\/*\/*",
"http:\/\/localhost\/*",
"https:\/\/localhost\/*",
"http:\/\/127.0.0.1\/*",
"file:\/\/\/*\/*"
],
"css": [
"css\/styles.css"
],
"js": [
"js\/jquery-1.11.1.min.js",
"js\/scripts.js"
],
"run_at": "document_end"
}
]
} | |
