App & Browser Testing Made Easy

Give your users a seamless experience by testing on 3000+ real devices and browsers. Don't compromise with emulators and simulators

Get Started free
Home Guide How to test Website on Mobile Locally?

How to test Website on Mobile Locally?

By Mohammad Waseem, Community Contributor -

Among the many requirements placed upon developers, a rather important one is identifying if a website will work as efficiently on mobile devices as on desktops. It is often essential to figure this out while the site is still being designed, i.e., not publicly available. In other words, they have to find a way to test local websites on mobile devices.

This article will explore two methods by which you can accomplish this:

  1. Viewing the local websites on a mobile device simulator
  2. Using BrowserStack Local Testing.

How to view Local Websites on Mobile Devices?

To view the local websites on mobile devices, you must understand IP addresses and port numbers in the localhost URLs. The following steps will help you view local websites on any devices connected to the local network. 

  1. First of all, make sure that you have the application running on the local machine. And, note down the port number (like 5000, 8000, etc.) from the localhost URL. eg – localhost:5000,, etc.
  2. After getting the information on the localhost port number, get information about the local IP address. The process is simple – Open the console or the command prompt and type “ipconfig”. Running this command in the console will get you the IPv4 information needed for the next step to work.
  3. After gathering the IP address and the port number, enter the URL in the format IP address: port number, and you can access the local website on mobile devices.

After viewing the mobile website/application on the browser, the next step is to test the website and test localhost on mobile.

How to Test a Local Website on a Mobile Device

Since we are already viewing the local website on the mobile device, we can start testing it. After that, we can use the dev tools on the Chrome browser to debug.

  1. Once you have opened the website on the browser, open the developer’s tools in Chrome.Test local website on mobile
  2. After opening developer tools, you can choose from various mobile devices available.How to test local website on mobile
  3. Take note of “inspect element,” which allows you to identify or hover over the web page’s elements.
  4. Measuring performance, including web vitals, etc., can be measured using the developer tools.Measure performanceYou can change elements in the console and even change their positions.Change colour on local website

    Directly copy the locators for selenium automation testing like XPath, CSS selector, ID, name, etc.

    Multi-line scripting in the console.

The challenge with this approach is that sometimes, you might encounter problems like “ipconfig” not returning results due to inconsistencies in the path variable. To avoid issues like these, you can choose cross-browser testing tools like BrowserStack for easy access.

How to test Website on Mobile Locally using BrowserStack?

BrowserStack’s real device cloud provides thousands of mobile devices that can be used in real-time for mobile testing of local websites. The devices include various options from different brands and operating systems that authentically assess the local website.

Test website on mobile locally using BrowserStack

Now, to test a local website using BrowserStack, implement the following steps:

  1. To view the local websites on the devices, download the BrowserStack local extension that will enable the local connection whenever you try to view a local website on any of the selected devices.
  2. After downloading the BrowserStack Local, please choose any devices available on the dashboard and wait for its real-time simulation. You will notice that the local testing tab shows a green light, which means the connection has been successful, and you can view these websites on mobile devices.

Test localhost on mobile using BrowserStack Local testing

BrowserStack also provides developer tools to easily locate, and inspect web elements, etc. Now that we know how we can view and test the local websites using the Browserstack tools, let’s discuss a few advantages that come with it.

Advantages of testing on BrowserStack

  1. You can test your web application on over 3000+ real browsers and devices.
  2. Development and debugging using the developer tools are supported on various browsers like Chrome, Firefox, Opera, Edge, Safari, Internet Explorer, etc.
  3. Test websites easily in environments behind one or more proxies, a firewall or VPN, etc.
  4. You can test your HTML files on BrowserStack, without first hosting them internally or locally with Local Testing.
  5. Test local websites with assets on multiple internal or public servers with Local Testing.

Ease of access and user-friendly interface set it apart from other conventional methods of testing local websites on mobile devices. For more details, check out Local Testing with BrowserStack

Test Local Website on Real Mobile Cloud

Testing local websites on mobile devices fulfills essential stakeholder requirements. It affirms that their product/app will run efficiently on any mobile device in real user conditions, without making it publicly accessible. With BrowserStack, they can test local versions of the site on real mobile devices, thus getting conclusive results without dealing with user displeasure for releasing an inadequately optimized website.  

Manual Testing Testing Tools

Featured Articles

How to Set Up Environment To Test Websites Locally

Overcoming Challenges of Local Testing

App & Browser Testing Made Easy

Seamlessly test across 20,000+ real devices with BrowserStack