Introducing LT Browser – A Dev-Friendly Browser For Mobile View Debugging

How Does LT Browser Help Developers Check Responsive Design?

Here are some of the most astonishing features for the LT browser that can help your development workflows while ensuring a sturdy mobile view of your website.

Check Responsive Design Simultaneously On Different Device Sizes In A Side By Side View

You can leverage the side-by-side view to compare the mobile view of your website across different mobiles & tablets. That way you’re able to view your website content over multiple view ports simultaneously.

Mirrored Interactions To Help You Easily Compare Mobile View Of Website

When you are comparing a web application in a side-by-side view over different mobiles or tablets view, any action performed over one device profile will be mirrored across the other profiles too, in real time. Meaning your entire interaction with one mobile or tablet will get replicated over the other, be it navigations, clicks, scrolls etc.

Develop Responsive Design For Any Mobile Device View

By default, we’ve kept the most trending mobile device view available in the LT Browser. However, if your preferred device isn’t mentioned in the list then you can quickly add it as a custom device.

After filling the UA string and other mandatory details of the device, your custom devices will be added over the left panel.

Hasten Your Debugging Process With Built-in Developer Tools

Watching your website work well across different mobile devices is cool but if it doesn’t then there is a call for debug. The LT Browser has built-in developer tools to help you quickly debug & get to the root cause for responsive issues. You could easily inspect elements and manipulate with DOM if you like.

Check Responsiveness Of Your Locally Hosted Website

To evaluate responsiveness of your locally hosted website, you’d just need to type the localhost URL, just like you do it with your normal browser. Only here, the catch is you get to check your locally hosted website over a variety of mobile view ports simultaneously with mirrored interactions. 😉

Ensure Responsive Web Design For Pages Behind Login

LT Browser aims at providing responsive testing along with live-interactive testing experience. You can simply load a website, login to the web-application and start testing your web pages that come after login.

Here is a screenshot of the TestMu AI web-application which is captured after logging in from the TestMu AI website.

Built-In Image Editor To Easily Highlight A Responsive Bug

LT Browser has a built-in Image editor which allows you to highlight bugs with markers of different colors & different shapes. You can also leave a comment over the image to help relay the bug or suggestions to your team.

Share Responsive Bugs With Your Team In A Single Click

You can leverage TestMu AI integrations to your favourite project management tool for sharing bugs with your colleagues.

You can also generate a shareable URL, send the screenshot to multiple email IDs, or even download the screenshots in your PC or Laptop.

You Can Record A Video Of The Entire Test Session

Ever come across a scenario where a bug is too tough to reproduce without enough evidence in hand? Well, with LT browser you can record the entire testing performed over a tablet or mobile view. You can review these videos later with your team if you find anything peculiar over your responsive web application.

Built-In Media For Accessing Your Highlighted Screenshots & Recorded Videos

What makes LT Browser special is that you get to view all of your recorded videos and saved screenshots under the media tab.

You can download, share or delete the saved images & recorded videos from Media as well.

Do You Like Hot Reloading?

If you’re a React fan then hot reloading has to be a favourite for you, right? Well, it’s our favourite too. Which is why we’ve made sure that the LT Browser supports hot reloading to help you see your changes instantly in real-time as you hit save in your code editor or IDE.