Internet explorer 9 and 10 full-screen issue - javascript

My requirement is that, on the the click of a button in my website, it should go full screen.Its working using the full-screen api in safari, chrome and firefox, but not in I.E..Is there any proper way in which I can trigger full screen in I.E. 9 and I.E. 10? Also I have used the full screen api mentioned in https://msdn.microsoft.com/en-us/library/dn265028%28v=vs.85%29.aspx, which tells me to use "msRequestFullscreen". But in I.E. 11 it makes my website get cropped while in full-screen. Is there any resolution to this crop issue?

Lots of people are having these issues. You might want to just work for Edge instead. Not judging, but my advice. Most people use chrome/firefox. And Microsoft Edge has a higher rate than IE. Just use javascript, make it autodetect the browser the user is using, and if he's using IE, just make an unclosable pop-up saying "Sorry, please use a different browser"
At least just until this IE fullscreen problem gets fixed.

Related

Blank screen between two pages on IE 11

I am working on an enterprise application developed on MVC, JQuery and while moving between pages , we are regularly seeing a blank screen i.e. the HTML takes time to render however, the same is not seen on Chrome browser.
on heavy pages, the blank screen appears for 4-5 seconds and then the actual pages comes up. Again, the same behavior is not seen on chrome, even these heavy pages are loaded quickly without an intermittent display of blank screen
Please let me know if there is a setting in IE or in code that should be included to ensure quicker rendering of HTML on IE.
Thanks in Advance... !
Blow tips might help you
validate pages with W3C standards.
Check any closing tag is missing.
Optimize the content if its to heavy to load, in chrome go to network select "all" option and reload page check loading time.
add preloader image remove it on window onload() method.
Try to load site contents in the background for better performance in Internet Explorer.
You can follow steps below to enable that option in Internet Explorer.
(1) Go to Tools in Internet Explorer.
(2) Click on Internet Options.
(3) Select Advanced tab.
(4) Find an option called Load sites and content in the background to optimize performance and checked it.
Again try to make a test with your site in Internet Explorer 11.
if still issue persist than you may need to check your site and try to take some steps to make it lightweight to improve its performance in IE 11.

chrome on android : my webpages sometimes appears to be full black - need to ex rotate to get it shown?

got this really odd and frustrating issue on my android tablet/android phone, got a webapp (html5/javascript/css) that works fine on chrome desktop - but on mobile and tablet chrome, it happens all too often that when i click into a new page, then the output in the browser is just a pure black page.
What i then can do is to either rotate the device so the screen switches orientation and then the page appears like magic, or i can ex press the multi-tab button and then just click back and it shows.
So it somehow seems to be about redrawing not reloading the page.
Its not everytime it happens but it happens quite alot and i get nothing in debugging or any hints to what is going on.
Looked through the internet for similar issues and there are a few but they are either not replied or they are focused around some youtube issues back some time, or very old issues (2011/2012) - nothing that really points into the problem here.
Anyone have any idea here or input to how i can fix this without having the user to rotate the screen all the time ? its really affecting the usage.
note 1: it is quite heavy on some places on javascript so its not just a standard webpage
note :running latest android latest chrome on android
Look here. It's the same bug.:
How to fix black screen on Google Chrome mobile load page
The bug got fixed Feb 28: https://bugs.chromium.org/p/chromium/issues/detail?id=933374
But it doesn't seem to have made it in the next version of Chrome Android: https://chromium.googlesource.com/chromium/src/+log/72.0.3626.105..72.0.3626.121?pretty=fuller&n=10000
But the next version again should release with the bug fix (mid April?).
Meanwhile, did you find an easy js workaround for this issue?
Our site is currently useless until this bug-fix get released for Chrome Android?

Facebook 'like' button in Firefox 42 Browser not showing up

I have put 'like' buttons on various pages of my website according to the Facebook guidelines. I see them all perfectly in I.E, Chrome, Opera, and Safari - all of which are up to date versions. However, when I check in Firefox, which is up to date with version 42, the "like' buttons are not there, and do not load on a refresh. Any fix for this... thanks
Put in your web site then look to the left of the address bar. If you see a shield click it and it gives you the option to 'Disable Protection'. A feature that FF gave us but didn't bother to tell us they did.
FB Like button and like box can be seen only if you disable the protection on the left side of the Firefox search bar (you can do it clicking on the shield icon). Pretty annoying and not good for business at all. I hope Firefox improves itself as soon as possible and I also hope people aren't upgrading older versions of it. Really bad indeed

window.focus() or window.blur doesn't work in modern browsers?

A project I'm working on requires that we create a pop up window and then change focus back to the parent window. Many solutions that seem to have worked in the past seem to not work at all in many new versions of Chrome, Firefox, and Safari and IOS 8 Safari. For example this W3C demo http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_win_blur does not work in those browsers but does work properly in IE10 and below.
It seems as though browsers might have started deprecating this feature but I've seen no documentation about it. Could anyone point me to an alternative to window.focus() and window.blur() that will work on IOS 8 Safari or at least some documentation about the methods being deprecated?
----- To elaborate a bit more for my colleague ----- Mike LP
The situation is as such:
We have a web application that requires the explicit use of a popup window. Overlays and iframes are an option due to some technical constraints.
While not desirable, it is okay that the newly created popup window receives focus upon opening, but we have a button on the popup that when clicked should return focus to the parent window, while leaving the popup open.
We've been unable to accomplish this using any of the modern browsers, though we do have a solution that works on iOS 7 Safari. Unfortunately even that appears to no longer work on iOS 8.

Chrome browser not working as expected (onclick/onsubmit error?)

Here is one strange thing. Thanks for ideas.
My Chrome browser does not interact with some web pages as expected. When opening the pages on a different device (such as Browserstack or colleages' computers), everything works fine. There must be a problem with my device, it is obviously not linked to the browser version itself.
Example 1: click on element does not show reaction
When clicking on the small gray dots below the main image here, Chrome usually performs a caroussel switch. On my device, it does not. Clicks are constantly being ignored, although the automatic caroussel switch works just as on any other device.
Screenshot: i.stack.imgur.com/KR64m.png
Example 2: click on button does not show reaction
When clicking the button "Weiter" on this page in the lower right section of the page, my Chrome does not show any reaction. Works as expected on any other device.
Screenshot: i.stack.imgur.com/g8dHN.png
My Chrome Version: 33.0.1750.146 m (plugins disabled, surfing in anonymous mode)
OS: Win 7 Pro SP1 64 Bit
Thanks for help!
UPDATE:
I found out that my Chrome shows different results to a VisualEvent-check than Browserstack.
Have a look here:
My chrome (buggy): i.stack.imgur.com/Earrs.png
Browserstack (working): i.stack.imgur.com/zRRgA.png
What can I learn from that? There are two more event handlers
There are no VisualEvent differences for the second example, however.
UPDATE 2: On a MS Virtual Machine, everything works as expected:
My comment below
Hm do you deactivted your Javascript by accident?
https://support.google.com/adsense/answer/12654?hl=de
Have u tried a different browser on the same device?
I had this problem too, but it was solved by itself the next day. Maybe you just need to do a reboot?
Concerning my device, the issue is related to the fact that my device has a touch screen which Chromium does not know how to handle in the standard configuration. Considered a bug.
nzolghadr#chromium.org
The problem is with "'ontouchstart' in window" expression which the jquery.flexslider library uses. Right now on Windows Chrome returns that as true when you have chrome://flags/#touch-events enabled/automatic. Related issues are: crbug.com/467934, crbug.com/555746, and crbug.com/392584 which based on those it seems that Windows thinks something is touch enabled and Chrome just reflects that.
https://bugs.chromium.org/p/chromium/issues/detail?id=373991#c13

Categories

Resources