Summary of responsive web design view tools and plug-ins ---- 20150113, views ---- 20150113

Summary of responsive web design view tools and plug-ins ---- 20150113, views ---- 20150113

Responsive web design can be said that fire is not a fire sooner or later. The following is a summary of the methods for the initial view debugging. I hope you can have a good way to communicate with each other.

1. Firefox:
Firesizer is not directly supported after the upgrade from Firefox to 29.0.

Install Add-on before using 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 have installed 35.0.1. The developer option below the menu has a responsive design view, which is similar to the plug-in function.

2. Google:
1. Enter the Extended Program Interface: menu-> more tools-> Extended Program
2. Drag the downloaded Window_Resizer_1.1.crx file to the Extended Interface and install it.
3. or download it at this address.
Http://chrome.ionut-botizan.net/window-resizer/
Then the crx file can be directly installed. The zip offline package needs to be decompressed and then the extracted file is dragged to the extended Center interface.

Supplement:
Http://blog.csdn.net/matraxa/article/details/39836159

3. IE
You can use the plug-in IEDevToolBarSetup to resize the screen.

4. safari

Resize charges don't do, address http://resizesafari.com/
Although resizeme is free of charge, registration is required for downloading, which is too troublesome.

5. General Solution:

Third-party software Sizer | Window Resizer

5.1 Sizer's
Http://www.brianapps.net/sizer/
Use: 1. Set the required viewport size before, and then hide it in the background after confirmation.
2. The three browsers are tested and available on Firefox and Google, and 360 is unavailable. Right-click the blank area at the top of the page to view the extended plug-in.

5.2 Window Resizer (this software is in German, but the interface is simple. I believe you will be able to get started after studying it)
Http://www.joerg-rosenthal.com/en/resize/download.html

Both of these software can help you set the size of your specified browser window to what you need.

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

 

Finally add the resource link: http://yunpan.cn/cKaJh5diLJ9Ev access password 4dba