Responsive Web Design view tools and plug-ins summary----20150113

Responsive web design can say that fire is not fire sooner or later, the following for the first view of the debugging method summary, I hope there is a good way to communicate with everyone.

1. Firefox:
After upgrading from Firefox to 29.0, Firesizer is not directly supported.

Install the add-on first, then you can use the Firesizer.

Add-on is https://addons.mozilla.org/en-US/firefox/addon/the-addon-bar/.

Then you can debug the screen size in the lower right corner.

Tip: I installed 35.0.1, in the menu below the developer options have a responsive design view, which is actually similar to the function of the plugin.

2. Google:
1. Go to the Extender interface: menu, more tools, extensions
2. Drag the downloaded WINDOW_RESIZER_1.1.CRX file directly into the extension interface, then you can install it.
3. Or download under this address
http://chrome.ionut-botizan.net/window-resizer/
The CRX file can then be installed directly, and the zip offline package needs to be decompressed and the extracted files dragged to the extended center interface

Add:
http://blog.csdn.net/matraxa/article/details/39836159

3.IE
This is done via plugin iedevtoolbarsetup, which is resized in the tool to make adjustments to the screen size.

4.safari

Resize charges, address http://resizesafari.com/
Resizeme Although free, download incredibly also want to register, too troublesome will not engage.

5. General Solution A:

Third-party software Sizer | Window Resizer

5.1 Sizer.
http://www.brianapps.net/sizer/
Use: 1. Set the desired viewport size before you confirm and then hide it in the background.
2. Tested three browsers, available on Firefox and Google, 360 unavailable. Right-click on the top margin to see the extended plug-in.

5.2 Window Resizer (This software is German, but the interface is simple, I believe you can study it to get started)
Http://www.joerg-rosenthal.com/en/resize/download.html

These two software can help you set the browser window you specify to the size you want.

6.
http://benfrain.com/easily-display-the-viewport-size-of-your-page-for-responsive-designs/

Last Add on resource link: http://yunpan.cn/cKaJh5diLJ9Ev access password 4DBA

Responsive Web Design view tools and plug-ins summary----20150113