Getting chrome to go full screen, programmatically - html

When I view the impress.js website in chrome on iOS, the tab bar slides up and disappears. How do I do that?
Note: doesn't happen in safari on iOS.

A simple Google search would suffice for this question.
http://updates.html5rocks.com/2011/10/Let-Your-Content-Do-the-Talking-Fullscreen-API
https://developer.mozilla.org/en-US/docs/Web/Guide/DOM/Using_full_screen_mode
http://davidwalsh.name/fullscreen
All are excellent resources (and the top three Google links!).
Essentially, there's a new API which allows JS to request fullscreen access. That's about it.

Related

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.

Embedded google map not scrolling in standalone web app

I have embedded a google MAP in my standalone web app using an iFrame and it is working as it should except for the fact that when I run the app from the homescreen (= full screen modus) it is impossible to scroll through the map (= touchmove event).
When I touch & hold it is possible to scroll the map but:
- The map gets a blue overlay (to indicate the 'user-select' event)
- The details of the map are not loaded (the position of the maps changes but the new area just stays grey...)
If I launch the app in a normal Safari browser window everything works just fine.
Does anyone have an idea of what might cause this? Any help would be really appreciated.
For your info:
- Moving from an iFrame scenario to a JavaScript version is not the answer I guess, since it is working fine when launched in the browser. It would also require a lot of rework since the the page surrounding the iFrame is already the result of an Ajax call
- I have a similar problem with KoolChart where the charts should be scrollable. On a desktop, it works like a charm. But no way of getting it to work on Mobile.
UPDATE
The latest iOS update solved the problem, so issue can be closed :-)

icon in chrome tab indicates loading although page has loaded already

I have a web app which uses requireJS and Google Maps API. Sometimes tab icon in chrome browser displays usual favicon, sometimes a progress indicator, although page has already been loaded. I can't imagine what might be the cause. Any help appreciated, thanks.

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.

Does mobile Google Chrome support browser extensions?

Can I create a plugin or an extension for Google Chrome MOBILE (Android Google Chrome)?
If not, can I create an extension for Google Chrome (desktop), which will add a button in Google Chrome bar. This button will open the page in another web browser (in my own web browser), so, this button should launch my own web browser.
Extensions are not supported, see: https://developers.google.com/chrome/mobile/docs/faq .
Specifically:
Does Chrome for Android now support the embedded WebView for a hybrid native/web app?
A Chrome-based WebView is included in Android 4.4 (KitKat) and later. See the WebView overview for details.
Does Chrome for Android support apps and extensions?
Chrome apps and extensions are currently not supported on Chrome for
Android. We have no plans to announce at this time.
Can I write and deploy web apps on Chrome for Android?
Though Chrome apps are not currently supported, we would love to see great interactive web sites accessible by URL.
You can use bookmarklets (javascript code in a bookmark) - this also means they sync across devices.
I have loads - I prefix the name with zzz, so they are eazy to type in to the address bar and show in drop down predictions.
To get them to operate on a page you need to go to the page and then in the address bar type the bookmarklet name - this will cause the bookmarklet to execute in the context of the page.
edit
Just to highlight - for this to work, the bookmarklet name must be typed into the address bar while the page you want to operate in is being displayed - if you go off to select the bookmarklet in some other way the page context gets lost, and the bookmarklet operates on a new empty page.
I use
zzzpocket - send to pocket.
zzztwitter tweet this page
zzzmail email this page
zzzpressthis send this page to wordpress
zzztrello send this page to trello
and more...
and it works in chrome whatever platform I am currently logged on to.
Some extensions like blocksite use the accessibility service API to deploy extension like features to Chrome on Android. Might be worth a look through the play store. Otherwise, Firefox is your best bet, though many extensions don't work on mobile for some reason.
https://play.google.com/store/apps/details?id=co.blocksite&hl=en_US
Just use a different browser.
Follow the steps given below to install Chrome extensions on your Android device.
Step 1: Open Google Play Store and download Yandex Browser. Install the browser on your phone.
Step 2: In the URL box of your new browser, open 'chrome.google.com/webstore’ by entering the same in the URL address.
Step 3: Look for the Chrome extension that you want and once you have it, tap on 'Add to Chrome.’
The added Chrome extension will now be automatically added to the Yandex browser.
I imagine that there are not many browsers supporting extension. Indeed, I have been interested in this question for the last year and I only found Dolphin supporting add-ons and other cool features announced few days ago. I want to test it soon.