Analog mobile Browser with PC browser (a): No extended version

Source: Internet
Author: User

Want to browse the mobile version, open the corresponding URL but jump to the PC version? What to do?

Now let's just install the browser, no need for other installation operations, how to use a PC browser to simulate the mobile browser, and then visit the mobile site.

Browser, IE series of I do not consider, I believe you do not have to browse the cell phone site, no side too no taste, then I say today other: Chrome and Safari two browser, in the absence of any extension of how to simulate the mobile browser.

In fact, as stated in the preface, is to modify the browser's user agent, so that those who use the user agent as the criteria for judging the site that your current browser is a mobile browser, thus rendering the mobile page.

chrome--Developer Tool Drip settings

In the Chrome Browser developer tool settings, there is a corresponding user agent settings, you only need to select the corresponding system user agent to simulate its corresponding browser. Here's how:

    1. Open Chrome's developer tools, shortcut key "Ctrl+shift+i" open, or right-click-review element, etc.
    2. In the lower-right corner of the developer tool (which may be different depending on the version), click the Open Pinion Settings button
    3. "Set" inside the second "Overrides", the first thing to be greeted is "user agent", hit the hook, you can choose the corresponding mainstream user agent, of course, choose the last "other" you can also add the User agent you need.

Select the corresponding user agent, if the current browsing URL is a PC page, and the user agent as the standard, then the refresh will jump to the corresponding phone page, similarly, if the direct access to the phone page, it will no longer jump.

Remember: the developer tool needs to be open all the time, and the shutdown will fail.

In addition, "Overrides" can also simulate the device screen size, simulation location, Analog touch events and simulation of the functionality of CSS media, but also strong enough.

PS: It is said that some people use the simulation of the location of this feature to successfully simulate their own world-wide release of Weibo, QQ said, etc., if you want to screw under the bar, then try it, at home global tweet, say.

With a picture, description: The current version of Chrome 28.0.1500.95 m, if you do not have this feature, then upgrade it.

safari--User Agent

Similarly, Safari has a corresponding function, which is called "User Agent".

    1. First, in the upper right corner of the browser "settings"--"preferences"--"advanced", the "Display in the menu bar ' development ' menu" this tick
    2. Then the menu bar more than a "development", "development" under the "User Agent", OK, you understand it.

      Of course, there are others at the end that you can add yourself.
Other browsers

Install the latest version of the Tour, the method with Chrome.

Opera did not pretend not to say, but also some, find out for themselves ah.

About Admin Gesang View all posts by admin→This entry is posted in front tips, trivia, mobile development and tagged chrome, safari, Analog mobile browser. Bookmark Thepermalink.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.