How to hide chrome address bar on scroll in Flutter web app? - google-chrome

In my flutter web application browser address bar is not hiding on scroll. Does flutter supports this feature?

try using the inAppWebview
it opens the webpage without showing any browser specific details.
https://pub.dev/packages/flutter_inappwebview

Related

Google Chrome Dev Tools Mobile View not showing Iframe content

I've noticed that the iframe I used within a pop up modal I made does not show in Google Chrome's mobile view from the developer tools. The content will show if I'm on desktop view and also when I'm adjusting the size of the browser window (Not using Chrome dev tools). On Safari, it works perfectly fine in the safari developer tools and desktop view.
I've made sure to set the X-frame content to SAMEORIGIN which I observed in the response correctly. I've also made sure both URLs are the same domain and both HTTPS. But the same issue still occurs.
Do you know any additional causes for this or what I can look into? I'm also open to other approaches/suggestions. Thank you for your time!
Since I can't change the way the browser handles iframe on different devices. I decided to deter away from working with the in-built PDF reader within each browser to instead using a react pdf library to spin up a PDF reader of my own.
https://www.npmjs.com/package/react-view-pdf
I was able to view the pdf on Google Chrome for both Desktop and Mobile devices!

Chrome extension hide address bar

Is it possible to hide the address bar using Chrome Extensions?
I would like to hide the address bar and toolbar but still be able to click on links that can be opened in a new tab. Is this possible?
Thanks
Sorry. For now Chrome doesn't have that kind of extension APIs.
You can see the list of extension APIs from Here
Suggestion: How about just make the tab fullscreen?
chrome.windows.update(windowId, { state: "fullscreen" })

Using chrome to convert window.open to Chrome always on top panel

I have a web app that is using javascript window.open command, my wish is to make these popups always on top.
Looking on the internet I saw recommendation to add body.onBlur='self.focus'.
This is not good for me because other windows cannot be accessed in this kind of approach.
What I thought is to write an extension that on pop-out will convert the window.open-opened pages to a chrome dialog.
The big question: This is even possible?
In the chrome dialog that I have tested the panels are always on to only if they are positioned in the top right of the window but if I am moving them to a different location the always on to function doesn't work
https://chrome.google.com/webstore/detail/site-on-panel/pcjbpfaogjhnnnhdldamflaelejhbhag?utm_source=chrome-app-launcher-info-dialog
https://chrome.google.com/webstore/detail/picture-in-picture-viewer/efaagmolahogmekmnmkigonhfcdiemnl?utm_source=chrome-app-launcher-info-dialog
If you control the web app, you can replace window.open with a Chrome App. You can send a message from the web app to the chrome app, which can then use the always on top app window option and display it in a webview.

Open link in mobile browser(safari) instead of Facebook native browser (html base)

Im developing a web with facebook share link function. I notice facebook mobile apps will open shared link in its own browser, instead of mobile broswer (IE. safari, chrome and so on). Is there any control on this able us to force facebook open the link in mobile browser?
No. The only reliable workaround is if you use the web app with an iOS app, and all users install that iOS app, you can send users to your iOS app to accomplish that task which isn't a great workaround.
An easier but still not optimal solution would be to detect the Facebook browser in the user-agent string, and display a message to prompt users to visit the URL in the mobile browser.

How do I customize the title bar of a popup in a chrome extension?

How do i style the title bar of a popup in a chrome extension? I notice this being done by Chat for Chrome. (Note: the screenshot for that one is outdated)
I got as far as opening a popup without the address bar. But can't get on from there
The title bar itself is not part of the HTML upon inspection.
Example here:
Turns out that this isn't a regular chrome extension I was looking at. It's a chrome packaged app. And it's possible to remove the title bars with chrome apps.
The window in the screenshot you show does have the title bar in the HTML/CSS.
I have been researching this topic much and I surely know that Hangouts is a extension, not a packaged app.
I believe the extension windows are modified desktop notifications. I go to create an extension using these modified desktop notifications and i will report the result here.