Viewport Detector
Viewport detector for bootstrap 3
ما هو Viewport Detector؟
Viewport Detector هو إضافة Chrome تم تطويرها بواسطة https://bootstraptools.com، والميزة الرئيسية لها هي "Viewport detector for bootstrap 3".
لقطات شاشة التمديد
تحميل ملف CRX للإضافة Viewport Detector
قم بتنزيل ملفات الامتداد Viewport Detector بتنسيق crx ، وقم بتثبيت الامتدادات يدويًا في متصفح Chrome ، أو شارك ملفات crx مع الأصدقاء لتثبيت الامتدادات بسهولة.
تعليمات استخدام التمديد
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" } } |