基本信息

更新日期:
包名:
kchdfagjljmhgapoonapmfngpadcjkhk
版本:
0.0.7
大小:
47.8KiB
类型:
扩展
平台:
Chrome
评分:
发布日期:
2016-09-17
价格:
免费
开发者:
www.cswapps.com

Viewport Dimensions插件截图

【图】Viewport Dimensions(截图1)

Viewport Dimensions插件简介

This extension displays Chrome’s viewport dimensions when resizing the browser window.

This extension displays Chrome’s viewport dimensions in the lower right corner of the browser window when resizing the browser. Very handy when you want to make the browser window a specific size for testing websites or if like me you want to make the viewport precisely 1920×1080 when recording screencasts at 1080p.

*** NOTE: Chrome requires you to RESTART Chrome before this extension is fully loaded.

*** UPDATED v0.0.7 ***
With the release of 0.0.7 I have added some new features, you can now set the amount of time the dimensions should remain visible for, the location on the screen the dimensions should appear, the background color, the text color, and size, and you now have the option to enable/disable both the inner/outer dimensions.

*** UPDATED v0.0.6 ***
FIX: I fixed an issue where sometimes the viewport details panel would hide
behind website elements, to fix this I have increased the z-index to
the maximum number.

*** UPDATED v0.0.5 ***
FIX: I fixed the error that would show up in the Chrome console.
NEW: I upgraded jQuery to v1.11.1

*** UPDATED v0.0.4 ***
NEW: The extension now displays Chrome’s inner and outer sizes.
NEW: The extension now works in offline mode, or with URLs “file:///”.

If you find any issues or if this extension is not working correctly please post a comment on our GitHub page before leaving a review so I have a chance to fix it, thanks ;O)
https://github.com/CSWilson/Viewport-Dimensions/issues

You can view the code within this extension over at GitHub:
https://github.com/CSWilson/Viewport-Dimensions

类似Viewport Dimensions插件

Show the current Bootstrap 3 breakpo..
Show the current Bootstrap 3 breakpoint. Allow to duplicate a tab in each size and reload all in one click. Give doc's links. This extension is thought to help developers using Boo..
Resize window with a keystroke. - Re..
Resize window with a keystroke. - Resizes the active browser window to the predefined list of sizes. - Requires no special permissions. - Use the default keyboard shortcut Ctrl+Shi..
This extension helps develop your websites with pixel perfect accuracy!
PerfectPixel allows developers and markup designers put a semi-transparent image overlay over the top of the developed HTML and perform pixel perfect comparison between them. Featu..
This extension will display the wind..
This extension will display the window's dimensions after resizing the browser window. This package allows you to view window size upon resizing the browser. Colors, font-size, and..
Easily switch between multiple break..
Easily switch between multiple breakpoints to test a sites responsiveness at various screen sizes. Breakpoint Tester is used to quickly and easily test the responsiveness of a webs..
(Deprecated.) Accessibility audit an..
(Deprecated.) Accessibility audit and element properties. This extension is deprecated, and will be removed from the Chrome Web Store at a future date. As an alternative to the fun..
This extension displays Chrome’s vie..
This extension displays Chrome’s viewport dimensions when resizing the browser window. This extension displays _just_ Chrome’s viewport dimensions when resizing the browser window...
Resize the browser window to emulate various screen resolutions.
This extension re-sizes the browser's window in order to emulate various resolutions. It is particularly useful for web designers and developers by helping them test their layouts ..
CSS Dig finds and groups stylesheets..
CSS Dig finds and groups stylesheets and style blocks on most websites, providing an easy way to analyze the code and plan refactors. Properties: Take a look at all your CSS proper..
Extract CSS and build beautiful styleguides.
🔎 No more digging in a code. Inspect styles in a simple, well-organized & beautiful way. Get it now! CSS Peeper is a CSS viewer tailored for Designers. Get access to the useful..
Just the basic grid overlay, no fril..
Just the basic grid overlay, no frills. Grid Overlay I was unable to find any good "Grid overlay" extension. So I made one. Just a basic grid overlay, nothing fancy. Movement of th..
每次打开新标签时都会获得Master Key不同的高清壁纸。这个新主题除此以外还包括天气,时间,记事本,时钟等其他你想要的强大功能。 以下是我们为您精心设计此款扩展所包括的功能..
每次打开新标签时都会获得Master Key不同的高清壁纸。这个新主题除此以外还包括天气,时间,记事本,时钟等其他你想要的强大功能。 以下是我们为您精心设计此款扩展所包括的功能列表: 打开即可搜索 待办事项清单 设置收藏你的最爱壁纸 热门网站一键访问 游戏集锦 社交网络通知 每个新标签的高品质壁纸 时钟,显示日期和时间 天气小工具 发现新的热门
Sign transaction data with a smart card 使用该扩展可以用Edge浏览器进行签名,需要配合安装业务系统的setup安装包。
Sign transaction data with a smart card 使用该扩展可以用Edge浏览器进行签名,需要配合安装业务系统的setup安装包。
| Edge
❗We have solved the issue and it is ..
❗We have solved the issue and it is now working again! ❗ It works but we are currently looking for a better fix. Google changes their code A LOT so please be patient as we are work..
Makes backtick wrapped text look lik..
Makes backtick wrapped text look like code! {openSource} An open source extension to make backtick wrapped text look like code in WorkFlowy. Unlike 'WorkFlowy for coders', this sol..
Search all Vlocity components in a s..
Search all Vlocity components in a single place A search extension for Vlocity components installed in your Salesforce org. This app lets you search and redirect to a particular Vl..
The Soroco Scout browser extension i..
The Soroco Scout browser extension is a part of Scout agent (Soroco IP) installation Soroco customers who installed Scout agent need to enable this extension to collect their chrom..
Capture Screenshot anytime Capture S..
Capture Screenshot anytime Capture Screenshot chrome extension is a new and amazing addition to my adons store. By using this extension you can capture the screenshot of any part o..
| Edge
Inspect and analyse your react spit ..
Inspect and analyse your react spit containers. Available features: List of all containers on your page, versions of the containers and the stacktrace for the occured event. Find t..
The Open Graph protocol enables any ..
The Open Graph protocol enables any web page to become a rich object in a social graph. It can be achieved by placing numerous meta-tags in the page's header. This extension retrie..

Viewport Dimensions插件下载

免费下载插件商店

插件评论

kyler

Other extensions are too complicated. Too much clicking. I just want to see where I'm at for the viewport without going to a menu or clicking anything. This extension executes with perfection!

Jos

This extension is useful, but it would be pefect if the information rectangel would allow to edit and type in the dimensions manually. Please consider it :D Cheers from Portugal

Stepan

Awesome! I'm wondered why browser vendors still haven't included this feature to their code. Thanks for the extension.

Paul

Does not work at all. Removed this garbage.

Obed

Fungerar inte

Al

Works fine for me. I'm on Chrome Version 74.0.3729.169 (Official Build) (64-bit). It's a great way to quickly see the size of a window.

Uros

Works good!

Brian

I recommend installing the Extensity extension to manage which extensions you want on/off.

carmen

Not working!

BG

It's not working with Chrome Version 70.0.3538.102 (Official Build) (64-bit)

Jette

Not working at all in Chrome 70 on Fedora 28. No measures displayed.

Fander19..

Awesome tool, works great.

Jeff

It does not work. I'm using Chrome Version 67.0.3396.87 (Official Build) (64-bit). I installed, closed Chrome, started Chrome, it does not show me the viewport dimensions anywhere. I checked the options too.

Jennifer

This is exactly what I needed. Nothing flashy just browser dimensions. This is especially useful when working with viewport units (vmax, vmin, vh, vw) and just need a quick look to see what's working. FYI Mac users, in case you're a newbie like me, I noticed closing the browser and opening it to activate the extension wasn't enough. I actually had to quit the browser then reopen it.

Jak

As with many other attempted users, it does not work for me.

Amber

Couldn't get it to work.

Umor

Hi I liked your extension, I have offer for you. Write to me on the mail and I'll tell you the details. My mail: dospeh.k@gmail.com

Hung

DOES NOT WORK - YOU SUCK.

Levert

DOES NOT WORK - YOU SUCK.

JF

I doesn't work. It has one purpose and can't fulfill it.

Bryan

It simply doesn't work. Restarted chrome, resized my window, fiddled with the options, nothing.

Aris

THANK YOU! <3

Sahan

Didn't work. :(

Sohaib

not work

Ryan

USERS: - Does exactly what it says it does - Nice customization features - Definitely download and at least see if it works for you! DEVELOPER: Can you make it so this app is easy to toggle on and off. There are definitely times where I don't want to see the screen sizes but I don't want to have to delete to app every time.

Jenna

Doesn't work

Mark

Doesn't work. Restarted Chrome and tried changing options but it just doesn't appear.

Andrew

It didn't work. I closed Chrome and restarted. It still didn't work.

James

No idea why people are saying it doesn't work. I've been using it for about a year and had no problems.

Alexande..

Works great -- make sure to close every instance of Chrome after install. Edit: For local pages, you need to enable file URLs in the extension options.