Viewport Detectorคืออะไร?

Viewport Detector เป็นส่วนขยายของ Chrome ที่พัฒนาโดย https://bootstraptools.com และคุณลักษณะหลักของมันคือ "Viewport detector for bootstrap 3"

ภาพหน้าจอของส่วนขยาย

ดาวน์โหลดไฟล์ CRX ของส่วนขยาย Viewport Detector

ดาวน์โหลดไฟล์ส่วนขยาย Viewport Detector ในรูปแบบ crx และติดตั้งส่วนขยาย Chrome ด้วยตนเองในเบราว์เซอร์หรือแชร์ไฟล์ crx กับเพื่อนๆ เพื่อติดตั้งส่วนขยาย Chrome อย่างง่ายดาย

คำแนะนำในการใช้ส่วนขยาย

As you know with the new version of Bootstrap 3 each viewport is represented by a class name respectively are col-lg- , col-md- , col-sm- and col-xs-.
I created this little extension to help me switch between different viewports while resizing the browser and decide which content should show in which device.
I will add more options to it in the future till then I hope you will find it useful while working with Bootstrap.

ข้อมูลพื้นฐานของส่วนขยาย

ชื่อ	Viewport Detector
ID	fpfdmgaahiocnoiaedbppoaipfjiiaep
URL อย่างเป็นทางการ	https://chromewebstore.google.com/detail/viewport-detector/fpfdmgaahiocnoiaedbppoaipfjiiaep
คำอธิบาย	Viewport detector for bootstrap 3
ขนาดไฟล์	153 KB
จำนวนการติดตั้ง	430
เวอร์ชันปัจจุบัน	0.0.1
อัปเดตครั้งล่าสุด	2014-02-06
วันที่เผยแพร่	2014-02-06
คะแนน	4.00/5 รวมทั้งหมด 3 คะแนน
ผู้พัฒนา	https://bootstraptools.com
ประเภทการชำระเงิน	free
ภาษาที่รองรับ	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "Viewport Detector", "version": "0.0.1", "manifest_version": 2, "permissions": [ "activeTab" ], "content_scripts": [ { "matches": [ ":\/\/\/*" ], "js": [ "js\/jquery\/jquery.js" ], "css": [ "css\/detect.css" ], "all_frames": true } ], "web_accessible_resources": [ "css\/detect.css", "images\/smartphone.png", "images\/tablet.png", "images\/laptop.png", "images\/desktop.png", "images\/screeen-ruler.png", "images\/close.png" ], "description": "Viewport detector for bootstrap 3", "homepage_url": "http:\/\/hmdadou.com", "icons": { "16": "icons\/icon16.png", "48": "icons\/icon48.png", "128": "icons\/icon128.png" }, "background": { "page": "src\/bg\/background.html" }, "options_page": "src\/options\/index.html", "browser_action": { "default_icon": "icons\/icon19.png", "default_title": "browser action demo" } }