Mobile preview of desktop app

Need help Mobile
1

Hello, I have responsive design working on my laptop. My question is how do I view what I have built on my iPhone to see how it is rendering in mobile view?

Thanks :slight_smile:

2

Hi there, @marsgoals… if you want to view your design on a phone, you can navigate to the app’s url via the phone’s browser.

That being said, you have other options that will let you see how your app is rendering on a phone from within your laptop’s browser. The first option (and I’m sure you know about this one already) is Bubble’s responsive tab that lets you easily switch between screen sizes. Another option is within the Chrome browser itself (and I’m sure other browsers have it, too), and I showed another user that option in this post…

Hope this helps!

Best…
Mike

2 Likes
3

Hello :slight_smile:
Thank you very much for your reply. Where do I find my companies URL to view my design on my mobile deivce? Do I use the one at the top of the page when doing a preview on my desktop or is there an easier method?

Thanks again :slight_smile:

4

Well, the easier methods are the other options I mentioned in my initial response… but if you want to see the app on a phone, then yes, you can use the URL that is displayed when you preview the app.

Best…
Mike

5

Thanks Mike,
I do not see the options I arrowed in green anywhere on my

2020-04-08 - 1
2020-04-08 - 11812×530 170 KB
Bubble UI? Does it only show up on a paid plan?

1 Like
6

Those options aren’t in the Bubble UI. They are part of the Chrome browser, and they can be found under the More tools >> Developer tools menu.

7

Thank you so much!
I’m not usually a Chrome user but I guess I am now :slight_smile:

Thanks again :slight_smile:

8

Thank you @mikeloc