Seesponsive là gì?

Seesponsive là một tiện ích mở rộng Chrome được phát triển bởi Simon Collins, và tính năng chính của nó là "Interactively see how a website's layout changes responsively".

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

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

Tải xuống các tệp mở rộng Seesponsive 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

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

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

Tên	Seesponsive
ID	pplnkpfppfjanjgpbdfkbeeafjplcegi
URL Chính Thức	https://chromewebstore.google.com/detail/seesponsive/pplnkpfppfjanjgpbdfkbeeafjplcegi
Mô tả	Interactively see how a website's layout changes responsively
Kích Thước Tệp	50.46 KB
Số Lần Cài Đặt	288
Phiên Bản Hiện Tại	1.0
Cập Nhật Lần Cuối	2014-03-18
Ngày Phát Hành	2014-03-18
Đánh Giá	5.00/5 Tổng số 1 Đánh Giá
Nhà Phát Triển	Simon Collins
Loại Thanh Toán	free
Ngôn Ngữ Được Hỗ Trợ	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:\/\/\/" ] }