En nuestra vida diaria, mientras lidiamos con el uso de la Web, hay muchos sitios web que visitamos a diario. Al abrir tales sitios web usando cualquier dispositivo móvil, normalmente se obtendrán automáticamente versiones de tamaño y tamaño más pequeño del sitio web. Esto se debe a que la página puede cargar más rápido para todos los dispositivos móviles y por lo tanto reducir el uso de datos del consumidor. Para su información, el concepto de bootstrap se utiliza detrás de esto. Usar un sitio web compatible con el móvil en un browser de escritorio se convierte en algo útil cuando se tiene una conexión a Internet más lenta y se quiere cargar cualquier página web con urgencia. Ahora, abrir cualquier sitio web en la versión móvil no sólo le permite acceder al sitio web más rápidamente, sino que también ayuda a ahorrar el uso de datos.
This feature of viewing the mobile version of the website in your desktop browser also helps developers to check and test mobile websites. In case you are looking for an approach to open and access any website as a mobile version from your desktop browser, then this article is for you.
Access mobile websites using desktop browser (PC)
Make sure to create a restore point in case something goes wrong.
Método 1: Abrir sitios web para móviles usando Google Chrome
To access the mobile version of any website from your PC browser, you must use the User Agent Switching extension. It is available for the Chrome web browser. Here you have to follow some steps to access the mobile version of any website in the Chrome browser on your desktop.
Paso 1: Primero, tienes que instalar la extensión User Agent Switcher en tu navegador Chrome desde este link.
Step 2: From the link, click "Add to Chrome" to install the extension in your browser.
Paso 3: Aparecerá un pop-up, haga clic en Agregar extensión y reinicie Chrome.
Step 4: Next, from your browser's easy access bar, you have to select the shortcut for the "User Agent Switcher" extension.
Step 5: From there you have to select the web engine of your mobile, for example, if you want to open a web page optimized for Android, then you have to select "Android". You can choose any device according to your preference.
Step 6: Now simply visit any web page and that web page will be in the mobile compatible format you selected earlier.
CONSEJO: 12 maneras de hacer que Google Chrome be faster
Método 2: Abrir sitios web móviles usando Mozilla Firefox
Another very popular web browser is Mozilla Firefox, in which a browser add-on must be added to access mobile-friendly websites. To do this, you must perform the following steps:
Step 1: If your desktop has a Mozilla Firefox web browser installed, then you need to install an add-on in your browser. To do this, you must click on the Settings button on your browser and choose "Add-ons".
Step 2: Find the User Agent Switcher.
Step 3: Now click on the first search result for the User-Agent Switcher extension.
Step 4: On the User Agent Switch page click Add to Firefox to install the plugin.
Step 5: Once the plugin is installed, make sure to restart Firefox.
Step 6: The next time you open your browser, you will see a shortcut for the User-Agent Switcher extension.
Paso 7: Haga clic en el icono de atajo y elija el cambiador de user agent por defecto. Tiene la opción de elegir cualquier dispositivo móvil, navegador de escritorio y sistema operativo.
Step 8: Now open any website and that will open in the mobile version of the website in your desktop browser.
Method 3: Using Opera Mini (Deprecated) simulator
Note: This method no longer works, please use the following.
Si no le gustan los dos métodos anteriores de utilizar la opción de cambio de agente de Username, todavía tiene otra forma de ver la versión optimizada para móviles de cualquier sitio web en su navegador de escritorio utilizando otro simulador popular – Opera Mini Mobile Website Simulator. Aquí están los pasos para acceder a la versión móvil de cualquier sitio web en el navegador de su PC usando el Opera Mini Simulador:
- You can start any web browser of your choice.
- In the address bar type and navigate to the Opera Mini Mobile website simulator web page.
- To start using the simulator you need to give some permissions, just click OK.
- The next time you open any site in your browser, it will be in a mobile optimized version.
Method 4: Use Developer Tools: Inspect Element
1.Open Google Chrome.
2.Now right click on any page (that you want to load as mobile friendly) and choose Inspect Item / Inspect.
3. This will open the Developer Tool window.
4.Press Ctrl + Shift + M, and you will see a toolbar appear.
5.From the drop-down list select any device, for example iPhone X.
6.Enjoy the mobile version of the website in your desktop browser.
I hope this article has been helpful and that you can now easily access mobile websites using your computer's browser, but if you still have any questions regarding this tutorial, feel free to ask them in the comment section.