Emmet Re:view

Fast and easy way to test your responsive design in multiple viewports

Emmet Re:viewとは何ですか?

Emmet Re:viewはhttps://emmet.ioによって開発されたChromeの拡張機能で、その主な機能は「Fast and easy way to test your responsive design in multiple viewports」です。

拡張機能のスクリーンショット

screenshot
screenshot
screenshot

Emmet Re:view拡張機能のCRXファイルをダウンロード

Emmet Re:view拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。

拡張機能の使用方法

                        Emmet Re:View displays your responsive web-page in a number of views side-by-side so you can quickly test how web-page looks at different resolutions and devices. All views are fully synchronized: scroll, fill-in form fields, click, hover and drag elements in one view and get instant feedback in all others.

Features:

* Breakpoints View: displays resizeable view for each CSS media query breakpoint of your page. Contents of large viewports are dowscaled to fit your screen size.
* Device Wall: bird’s-eye overview of device-sized viewports. In this mode, each view is scaled according to  tag of your page and overrides User-Agent with real device value.
* Create your own devices and presets for Device Wall.
* PageSync engine synchronizes all user interaction across all viewports: not just scrolling, form fill and clicks but also mouse hover, movement and dragging.                    

拡張機能の基本情報

名前 Emmet Re:view Emmet Re:view
ID epejoicbhllgiimigokgjdoijnpaphdp
公式URL https://chromewebstore.google.com/detail/emmet-review/epejoicbhllgiimigokgjdoijnpaphdp
説明 Fast and easy way to test your responsive design in multiple viewports
ファイルサイズ 74.65 KB
インストール数 36,936
現在のバージョン 2.1.7
最終更新日 2018-02-20
公開日 2018-02-20
評価 4.37/5 合計 161 レビュー
開発者 https://emmet.io
Eメール [email protected]
支払い方法 free
拡張機能のウェブサイト http://re-view.emmet.io
ヘルプページのURL http://re-view.emmet.io
プライバシーポリシーページのURL http://livestyle.io/privacy-policy
対応言語 en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "Emmet Re:view",
    "description": "Fast and easy way to test your responsive design in multiple viewports",
    "short_name": "Re:view",
    "version": "2.1.7",
    "permissions": [
        "activeTab",
        "storage",
        "webRequest",
        "webRequestBlocking",
        "http:\/\/*\/*",
        "https:\/\/*\/*"
    ],
    "icons": {
        "16": "icons\/16.png",
        "48": "icons\/48.png",
        "128": "icons\/128.png"
    },
    "background": {
        "page": "background.html"
    },
    "content_scripts": [
        {
            "matches": [
                "http:\/\/*\/*",
                "https:\/\/*\/*",
                "file:\/\/\/*"
            ],
            "js": [
                "scripts\/content-script.js"
            ],
            "run_at": "document_start",
            "all_frames": true
        }
    ],
    "browser_action": {
        "default_title": "Emmet Re:View",
        "default_icon": {
            "38": "icons\/browser-action.png"
        }
    },
    "content_security_policy": "script-src 'self' https:\/\/ssl.google-analytics.com https:\/\/www.google-analytics.com https:\/\/*.carbonads.com https:\/\/xrxbcfk.misosoup.io; object-src 'self'",
    "web_accessible_resources": [
        "proxy"
    ],
    "manifest_version": 2,
    "key": "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAsvIV42ru\/pnDPEiGb5BJwg9ZfpjgtvmKTX9rGEsJpaWkTwxBJ9Eypb5S2TVMYzuiddUQi2T9KoMGO35EEyV6cBl4AXK2s9wXFs1CcnrXkKBQXa4DvcoaPy06gMTCcthPL0A58hraRPjFbpFYI2CKPQQzqfEf\/QXyC06vtknh4Wn+9MmRZQBvev9YuUgos6I4fwiL3rkeeuKPC1UvSVPOh\/tJsIPpT\/MXlsV+pe71TNyATo7ArTKDa+aa+0bToVlLvXJkxiyVzKLXt1yzT8cFK1O8134f8gfKl7d\/DSikfrGxuqPde0ou8uT\/uUpHwlfayzpr8YFC\/htz5W7RJ45ReQIDAQAB"
}