Viewport Detector
Viewport detector for bootstrap 3
什么是Viewport Detector?
Viewport Detector是由https://bootstraptools.com开发的Chrome扩展程序,该扩展的主要功能是“Viewport detector for bootstrap 3”。
扩展截图
下载Viewport Detector扩展crx文件
下载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. 扩展基本信息
| 名称 | |
| 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"
}
} | |