• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WriteNowDesign - Wordpress and Ecommerce Website Design

WordPress, Joomla, Ecommerce Website Design

  • Home
  • Prices/Packages
  • WordPress
  • Services
  • Portfolio
  • Blog
  • About
    • Testimonials
    • Locations
    • Online Payment
  • Contact
  • Show Search
Hide Search

Call 303-907-6133 Email

Use Safari or Firefox Desktop Versions to View Mobile iPhone Web Pages

July 18, 2012 by Pat Fortino

How can you test the mobile version of your website using a desktop browser? With mobile browsing at 10% worldwide, your cannot ignore mobile traffic anymore. Luckily, both Joomla and WordPress have mobile plugins to convert your website into a mobile version. Also, many WordPress and Joomla templates come with a mobile version. But if you need to modify the CSS design for your mobile version, you need to use a desktop browser like Firefox with Firebug, or Safari or Chrome developer tools so you can see the CSS rules you need to modify.

Luckily, with Firefox and Safari desktop versions, you can select the user agent for iPhone so you can see your mobile template.

Change User Agent in Safari

To change the user agent in Safari, from the menu, select Develop > User Agent > iPhone. Once you select iPhone as the user agent, reload the web page in which you want to view the mobile version and the page will display the mobile version.

IMPORTANT: The web site must have an active mobile template for this to work.

Change User Agent in Firefox

To change the user agent in Firefox, first you need to install the following plugin: User Agent Switcher. To install this plugin, in Firefox, from the menu select Tools > Addons. In the search field, enter: User Agent Switcher. Install this add-on. Activate the User Agent Switcher plugin and restart Firefox.

To change user agent, from the Firefox menu select Tools > Default User Agent and select iPhone. Once you select iPhone as the user agent, reload the web page in which you want to view the mobile version and the page will display the mobile version.

IMPORTANT: The web site must have an active mobile template for this to work.

Tagged With: Apple, iPhone, Website Design, Comments are closed. If you have information to share, contact me here.

Previous Post: « How to Add a Canonical URL Link to Joomla Home Page
Next Post: Review Joomla WordPress Framework and Templates YooTheme Warp »

Related

Primary Sidebar

Blog Categories

Call Today

Get a Free Quote

303-907-6133

Subscribe to News

News about WordPress, WooCommerce, & Technology

What’s New

  • WPForms Not Sending Notifications
  • Add Terms and Conditions WooCommerce
  • Fix WordPress AMP Validation Errors
  • Use the Classic Editor with Gutenberg Block Editor
  • Add a Message at Top or Bottom of WooCommerce Checkout Page
  • How to Link to a PDF in WordPress

Find Us On…

  • Facebook
  • LinkedIn
  • RSS

Call 303-907-6133 Email

© 2004–2023 · WriteNowDesign · Sitemap · Log in · Return to Top