Chrome kiosk or fullscreen in extended mode screen (two monitors) - google-chrome

Is it possible to make a Chrome window display in kiosk mode on two monitors in Windows 7?

I know this thread is 3 years old but since this is still one of the first results in google search for this topic, I thought it wouldn't hurt to point out that you can accomplish this if you have a normal nVidia gtx card (no need for a Quadro/mosaic), by going to the nVidia control panel, on the left click on Configure surround, physx and then configure in the Configure surround section.
From there you can enable the nVidia surround feature which will make windows believe it has one monitor with a custom resolution (which will be the sum of your multiple monitors res). If you have 3 1920x1080 monitors it will show a single monitor with a resolution of 5760x1080. Once you've done that you just have to enable kiosk mode like always and chrome will open up as expected, with a single ultrawide full-screen window across all the three displays.

Like #Alir user said in that post (How to extend chrome browser to dual display on fullscreen) it could be done with nVidia desktop mosaic feature on Windows.

AMD graphic card users have option to create one monitor too in AMD catalyst center under Multiple monitor option.
Then all you need to do is press F11 in Chrome and display page across all monitors.

Related

Openbox - multiple Chrome Browsers on different Desktops

I set up a auto openbox session in mein lightdm configuration and I try to understand how to manage and arrange windows.
Now I try to have Browser in Appmode running. In my understandig it is not possible to open multiple tabs in appmode but I need more than one Website in the same time I have decided to have multiple Browsers in different Desktops.
I used obxprop to determine the OB_NAME of the different chrome windows but I recognized that all of them have the same name.
Is there a way to distinguish between them so that I can have one Browser running on every desktop?
I know kiosk mode allows multiple tabs but I also need a florence keyboard on top of all and as far as I know this is not possible if there are windows in full screen.
Thanks in advance

How to Emulate High Res displays for Web layout issues

I have website which is having layout issues on certain devices which I believe I've tracked down to high res displays which also have the display scaling in windows 10 set to 200%. (not 200% in the browser, but in the display settings in the Windows Control Panel)
The problem is I don't have a device which can duplicate the resolution of these devices, which is 2736 x 1824 (it's a MS Surface Pro). Oh yeah, this only happen with Edge...
I know of sites which have VMs which will run different browsers for testing purposes, but I don't know of any which allow you to choose your resolution. Without going out and getting a hold of this specific machine, how else can I debug this issue?
You could create a custom device in the developer console, and simply display it at whatever scale actually fits on your screen. For instance, create a custom device with that particular resolution, then in the developer console on Chrome you can view it scaled down 50% (if your own resolution is 1920x1080) so that the whole thing is visible.
Turned out none of the emulation/scaling options in the dev console would emulate what was really happening. I ended up remoting into the customer's computer so I could do my own debugging on there and resolved the issue.
Seems like Edge v 44 was computing some CSS calc function for a div height incorrectly (off by 1 or 2 pixels) which was making some divs push out and mess up the layout.
The fix was to tweak the CSS so the calculation wasn't required.

Windows / Chrome / ATI / Browser fullscreen across multiple monitors

I am using the following test setup (Latest meaning as of July 14th 2012):
Core i7 with an ATI FirePro V9800 (Eyefinity)
Windows 7 Pro 64 Bit (latest updates / patches)
Latest Catalyst drivers
Latest Google Chrome Stable / Canary.
6 x 1080p displays (in a row) resulting in a 11520px by 1080px desktop.
I have tried the following to get a fullscreen web view across displays:
Set the maximize to whole desktop setting in the Catalyst control panel. That works for maximizing normal windows (except Chrome), but not for anything fullscreen.
Tried Chrome Kiosk mode (that would be ideal), same problem, only fills up primary display.
Using Chrome Fullscreen or HTML5 fullscreen API results in the same: Fullscreen on a single of the 6 monitors.
IE9 seems to have a limitation of about 10000px for the webview, thus i cannot even stretch it across the entire desktop manually (that works with Chrome).
Tried UltraMon.
Tried a number of Chrome command line switches (http://peter.sh/experiments/chromium-command-line-switches/) for kiosk mode, start in fullscreen etc., so right now using the --app="http://127.0.0.1/index.html" switch to at least get rid of most of Chrome's UI elements.
Tried to find an extension for Chrome, but no success.
Tried Chrome Frame in IE9, also only uses one display.
I understand it is most probably a driver issue reporting the wrong desktop size to Chrome (which I thought was the point of the Catalyst Maximize to full desktop size function). Chrome does not seem to get the desktop size from the same place as other "normal" windows do (obviously not very familiar with Windows windowing).
I would like to work on a full-screen Chrome webview across multiple monitors or a completely chromeless window that I can manually maximize. My browser configuration is flexible, even the OS is somewhat flexible.
I would like to know:
Has anyone gotten a fullscreen browser view across more than 1 monitor to work with Chrome (or any browser)?
Are there any tools that can fake the right (full) display size to Chrome?
Could this be workable in Windows 8?
Is there something that just displays a Chromeless Chrome browser that runs the very latest Chrome? (I have seen awesomium, but find that its price is too high for what I want it to do). Also I want to be able to use the most recent Chrome releases ideally.
Any comments welcome and sorry for the lengthy details.
Thanks for reading!
-Tobi
This worked for me using two monitors:
start C:\Users\terminal\AppData\Local\Google\Chrome\Application\chrome.exe --app="http://www.domain1.com" --window-position=0,0 --kiosk --user-data-dir=c:/monitor1
start C:\Users\terminal\AppData\Local\Google\Chrome\Application\chrome.exe --app="http://www.domain2.com" --window-position=1680,0 --kiosk --user-data-dir=c:/monitor2
I think the order of the parameters is relevant.

Advertising display kiosk. Would a browser be ok?

I am considering a project in which workstations, connected to a central server display various content under the control of a central timeline.
Requirements are that the kiosks could have various compositions of monitor and an extended desktop. This screen space would be use to display images, movies or various mosaics of images and movies.
For example, a machine with 3x3 monitors might be configured to display video in the lowest right four screens, a title on the top three videos and whatnot elsewhere.
I am figuring out how to create the viewer. I think that sticking to web technologies I know well would be good and using JavaScript for the timeline engine sounds easy.
As for codecs and video drivers I think I would stick with Chrome, Css3 and Html5, I think I can require Chrome and Windows 7.
There are a few concerns, though.
Will there be performance problems considering video split on different monitors on an extended desktop?
Will it be pixel predictable to size and stack divs so that images fit inside a physical monitor or monitor group?
Thank you all.
A great solution for this is Adobe AIR. You are already talking about HTML, might as well check that out.
The nice thing is that AIR provides facilities for kiosks. Check out this link:
http://www.adobe.com/devnet/flex/articles/flex_kiosk.html
Just replace everything there that says Flex with HTML/Javascript. The platform functionality is available to both technologies.
As for stretching a browser or AIR app across multiple screens, I believe you would have to manually position the window yourself. I.e., if you maximize an app window on a multi-monitor setup, it expands to the size of the monitor only, not the entire viewable area. You likely will have to manually position/resize in Javascript.
As for using Chrome as a client, see this thread:
http://www.google.com/support/forum/p/Chrome/thread?tid=12bde481a208c4ca&hl=en
It doesn't look like Chrome supports a kiosk mode.
Browser shouldn't be a problem at all. Just remember the architecture - you'll need a server somewhere and each kiosk will be a client. Just set up a port/url for your app and there you go. Chrome has some features that allow you to prevent users from exiting the app. I forget the specifics, I believe it involves incognito mode and something
Company I work for does something a lot like this. We make 'apps' that run on iPad and another touch screen device called MSI (btw - one of the advantages here is the freedom of using different client platforms), but not in the typical Objective-C way. Theres a server with a LAMP stack and the client uses the browser.
Will there be performance problems considering video split on different monitors on an extended desktop?
I think more than multiple monitors what you really have is multiple clients. This is interactive to some degree right?
Will it be pixel predictable to size and stack divs so that images fit inside a physical monitor or monitor group?
Yes. I don't really do artsy design and display details so I can't comment on specifics. But I don't think this is too hard - especially if all the clients are similar. Majority of this would be dictated by CSS.
EDIT - took a look a what we do on chrome. between running on start up, using kiosk mode and incognito (both can be runtime flags) and the regular F11 kind of full screen, you should be pretty much there
Will there be performance problems considering video split on different monitors on an extended desktop?
IMHO screen space does take a little toll on your video processing. You will need a relatively good video card to support such huge amount of displays. I am a user of dual screen on ATI Radeon HD 5750 (1GB), and I can do intense gaming on my main screen while read news and be on twitter on my other screen.
Will it be pixel predictable to size and stack divs so that images fit inside a physical monitor or monitor group?
DIVs can be easily styled and positioned using CSS. You can define the number of pixels for both width and height. And if you do your storyboarding and layout design, everything should fit in your window.
However the trouble for you is that I assume you're stretching the browser window across the 3x3 screen. I recommend you to instead have one browser window per display.
I've tried that Chrome can full screen on each display without exiting-full-screen-mode on the others.

HTML APIs for touch devices?

What HTML APIs are available for touch screen devices (e.g. tablet PCs)? I notice that GMail's iPad interface (and other mobile interfaces) doesn't scroll down in a normal web browser (pretending to be an iPad via a user-agent hack). How can one access this API on a PC?
I have a school full of tablet PCs that aren't wonderful in tablet mode due to lack of application support, but there looks to be an increasing number of web-based apps that will fill this gap.
In most cases, the webapps are using touch-based javascript events (touch, touchstart, touchend) which (for obvious reasons) are not implemented on Desktop browsers.
Check out PPK's compatibility table for details: http://quirksmode.org/mobile/tableTouch.html.
He also has a demo which shows the touch events in use: http://quirksmode.org/m/tests/scrollayer.html. There's a link on that page for a "variant" that works on desktop browsers. That's the one you need.
You can use, as you've already stated, UserAgent, to present content laid out specifically for certain devices.
For each, device, you'll have to read its documentation on how to write HTML in order to make the device behave as you want.
For example, here's how you would do it for an iPhone/iPodTouch. Here's for iPad. Similarly, depending on the device you have, you will be able to find proper documentation.
There is an awesome open database that can help you get device information based on user agent. It's called WURFL.