Fullscreen browser with add bookmarks icon

What is the best way to make an webapp where you can make bookmarks and show it fullscreen in the webapp

Is it just a javascript “frame”

Any good advice? just need a fullscreen browser window in a app with some flow icons in the bottom

Ah, so it’s not a Cordova app, just a web app?
I would think a regular iframe would work fine, then when the user clicks on a bookmark, you change the src of it. However, I suspect having a button get the current URL to save a bookmark for the current page is impossible, for security reasons. But if you just let users input the URL themselves it shouldn’t be a problem.

1 Like

Hmm, I just tested it myself, and seems like you might run into problems with security. Google for example doesn’t allow you to load it in an iframe.

Mixed Content: The page at ‘https://test.keymaster.se/test’ was loaded over HTTPS, but requested an insecure resource ‘http://www.meteor.com/’. This request has been blocked; the content must be served over HTTPS.

Refused to display ‘https://www.google.se/?gfe_rd=cr&ei=OPYCWf7SB9Gq8wfy85OgCQ’ in a frame because it set ‘X-Frame-Options’ to ‘SAMEORIGIN’.

what do Google plus, pintarest and other apps do? when clicking on a external link in pinterest people is still in pinterest

Are you talking about their web versions or their mobile apps?

there app, my project will have a browser version and a meteor app

Ah, with an app you can open a webview, then it’s like you’ve made your own browser. You’ll need to read the Cordova documentation for that.

It seems like you’re not gonna be able to exactly duplicate the feature for your web version though. What you could do for the web version is use the HTTP package to send a request to the website and see what headers it gives you. Then if you’re not allowed to display it in a frame, you open it in a new tab instead.

1 Like