Viewport Dimensions

This extension displays Chrome’s viewport dimensions when resizing the browser window.

Viewport Dimensions là gì?

Viewport Dimensions là một tiện ích mở rộng Chrome được phát triển bởi https://www.cswapps.com, và tính năng chính của nó là "This extension displays Chrome’s viewport dimensions when resizing the browser window.".

Ảnh Chụp Màn Hình của Tiện Ích Mở Rộng

screenshot

Tải xuống tệp CRX của tiện ích mở rộng Viewport Dimensions

Tải xuống các tệp mở rộng Viewport Dimensions dưới định dạng crx, cài đặt các tiện ích mở rộng Chrome bằng tay trong trình duyệt hoặc chia sẻ các tệp crx với bạn bè để dễ dàng cài đặt các tiện ích mở rộng Chrome.

Hướng Dẫn Sử Dụng Tiện Ích Mở Rộng

                        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                    

Thông Tin Cơ Bản về Tiện Ích Mở Rộng

Tên Viewport Dimensions Viewport Dimensions
ID kchdfagjljmhgapoonapmfngpadcjkhk
URL Chính Thức https://chromewebstore.google.com/detail/viewport-dimensions/kchdfagjljmhgapoonapmfngpadcjkhk
Mô tả This extension displays Chrome’s viewport dimensions when resizing the browser window.
Kích Thước Tệp 48.58 KB
Số Lần Cài Đặt 27,044
Phiên Bản Hiện Tại 0.0.7
Cập Nhật Lần Cuối 2016-09-18
Ngày Phát Hành 2016-09-17
Đánh Giá 2.84/5 Tổng số 158 Đánh Giá
Nhà Phát Triển https://www.cswapps.com
Loại Thanh Toán free
Trang Web Mở Rộng https://github.com/CSWilson/Viewport-Dimensions
URL Trang Trợ Giúp https://github.com/CSWilson/Viewport-Dimensions/issues
Ngôn Ngữ Được Hỗ Trợ 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"
        }
    ]
}