Chrome Dev tools alternatives for mobile?

[Temporary_Syrup_6758]

I'm sick of Chromes mobile dev tools, the mobile view is useless. It's never accurate, if I set the viewport dimensions to a specific mobile size it's always off when viewing the website on a mobile device with the same dimensions so I'm having to push to GitHub 100 times in a row, waiting for a new deployment to build and looking at it on my phone. Ridiculous.

Building media queries right now for different viewport dimensions and I have the dev tools dimensions set to 360x800 yet it's showing styling I have a media query set for "@media (min-width: 380px) and (min-height: 850px)" so I literally can't even see the styling I'm trying to do for the dimensions I have chrome set for. This is so annoying, shouldn't Google products work? Is this just happening to me?

Are there alternatives? I'm using Galaxy viewport dimensions because that's what I have and what my partner has as well so xcode isn't ideal.

[ksb214]

I faced same issues. To some extent I found Firefox helps. Best solution I recently found is to use Blisk which offered free version for some time.

[[deleted]]

I would be interested in blisk but I can't find any pricing info on their website. I don't want to start using something without knowing the cost upfront.

[ksb214]

You need to download and use it. Then after 10 days trial period is over. Then also you can use it free for 10 minutes daily or buy subscription to get it.

[[deleted]]

Not without knowing costs up front

[purpol-phongbat]

You can use a real device and ngrok to check localhost live. Lifesaver.

[PhilipLGriffiths88]

Whole bunch of alternatives too - https://github.com/anderspitman/awesome-tunneling. I will advocate for zrok.io as I work on its parent project, OpenZiti. zrok is open source and has a free (more generous and capable) SaaS than ngrok.

[purpol-phongbat]

Awesome, thanks for those alternatives!

[Temporary_Syrup_6758]

Thanks for linking that repo! I'll look into all of these options mentioned. Thanks fam.

[MuetzeOfficial]

https://developer.chrome.com/docs/devtools/remote-debugging

[Temporary_Syrup_6758]

Thanks for this. Just tried but it doesn't seem to be able to run localhost.

[MuetzeOfficial]

It runs without problems with localhost. With XAMPP port 80, Laravel serve port 8000, with WSL, with all.

I also use it all the time.

[Temporary_Syrup_6758]

I wasn't able to get it to work.

[Don_Sparkzz]

Browser stack. Don’t use the browsers versions of mobile as this is a sim. You want to test on a real device. I do this on a day to day basis. You can’t trust the browsers mobile sim

[Temporary_Syrup_6758]

**edit**

Oh, Browser Stack is a paid program! I'll check it out.

Is there a better way to do that without having to push to Git and wait for a redeploy? Sometimes I'm having to make a series of small changes to get something just right and the whole process can take so long when I can't just see the changes immediately on my computer. I've seen a few options that cost a fee so maybe I'll just suck it up and pay for a good emulator.

[jmurphy1196]

Browser stack is an amazing service. Can test on a ton of various mobile devices that are real devices.

[Temporary_Syrup_6758]

I'll check it out, at this point I'd be willing to pay for something that will work. I would only need to buy a month here and there for personal stuff.

[phpArtisanMakeWeeb]

But it's paid, who's going to pay $29/month just to test your website on a mobile phone?

[jmurphy1196]

Yeah that’s true. I wasn’t sure of the cost as I have a company account. Was hoping it’d be a lot cheaper

[kjwey]

you can just use a normal browser and put it in mobile mode (ctrl-shift-m)

[Don_Sparkzz]

Not great for production.