Page appearing blank but selectable in Safari on iOS9 on first visit - javascript

So if you visit http://movableink.com/ on Safari on iOS9.
Then click in the header on http://movableink.com/partners
On first visit or slower connections the entire page renders blank in safari.
This is a pretty standard page. There's no specific code to call out that might be causing this. This is a new page with a different css file, it's the first responsive page.
However, the text and content is selectable (but not here) and also if I check it out in the Safari developer inspector when the phone is plugged into a mac there is also nothing notable covering the page.
You may want to look in private browsing, you will want to open up the homepage first and then click on 'Partners'.
What could possibly be causeing this issue of the page disappearing?

I could reproduce this on my iOS 9 device very well if there was an ad blocker active (in my case: Crystal and Lionz). Without this ad blocker active the page was loading smoothly without a blank screen.
By using another ad blocker (e. g. 1Blocker) the page is also running smoothly.
For me the problem is only related to certain ad blocker apps on iOS.

I did some tests, it could be just request timing issues due to either un-optimised server code (like regenerating the whole site stack every first request from a client), or generating CSS.
On first load it is consistently 700ms, regardless of mobile or desktop. Safari will be more sensitive on the mobile as it processes not as many parallel resources after it has a list of url's to get.
If you are using a CMS, check for Optimising / Caching solutions in built into the system and switch that on, see if it changes the load times.
Another alternative is Cloud distributed CDN's such as Cloud Flare (free for basic, other plans for more intensive).

Related

Is there a way to get the script who's blocking browser?

We have a large old web application organized with iframes (many), every iframe is a html page (to be more specific asp.net webform, but the problem is on client side).
We have a problem with some javascript but we don't know which script and in which page.
When the user navigate to a specific section of the web application, the application freeze. Browsers generally alert the user that there is a script with long execution, and suggest to quit the script.
We can't find where is the problem. Is there some feature in modern browser to step directly in developer tools of the browser, in debug mode on the script who has the problem (instead of simply quit the script) when we face the problem, or some other workaround to detect the script?
The comments on my answer helped for a very simple solution I didn't thinked before... Keeping the debugger running I noted on debugger toolbar (IE, but suppose every browsers work the same) the buttons "pause" (2 vertical red sticks) and "continue" (green triangle). Pressing pause the debugger stop on the exact line the script is running in that moment...

Google Chrome - Override White Blank page when loading new tabs

"I'm looking for different Chrome apps to make my pages darker/inverted to reduce eye strain, I found some apps that work but the only thing left, which these apps doesn't seem to override, is the White Blank page.
When a new page is loaded, Chrome first displays a White Blank page, while the page is loading then displays the website's content. Is there a way to override this While page to say Black? At the moment, everytime I click on a link or open a new webpage, the screen goes from darkcoloured (through inverted/darkening page apps) to the White Blank screen for a brief second then the new page loads in a dark colour again. This acts like a "White Flash" by the screen everytime a new page is loaded and causes further eye strain. This is why I want to know if there is a way to override this White colour to Black."
This question was already asked before in here, but the answers suggested back then do not seem to be working on my current version of chrome 49.0.2623.87 m.
The links that I have referred to already :
-This
-comment 261 here
-This
I created two files manifest.json and script.js in AppData\Local\Google\Chrome\User Data\Default\Extensions\
and did the "load unpacked extension" and that did not work either.
Edit 2021-01-01
Install chromium-based Brave web browser as a drop-in alternative to Chrome. Then:
Install DarkReader
Click Settings > Appearance > Brave colors > Dark
Open new tab and click Customize in new tab page to get an acceptably dark appearance:
Additional Benefits to Brave:
Brave is forked off of chromium, so generally behaves the same as chrome. It prioritizes user privacy and comes built-in with Ad Blocking capability that is also very easy to disable as you're browsing. Plus many other features I'm not mentioning here.
Original Solution (If you really don't want to use Brave)
As of April 2016, this issue has been pending for over 8 years (aside from the intermittent work-arounds that no longer apply as you pointed out). If you haven't already, please consider "starring" these reported issues.
Current Reported Bugs:
https://bugs.chromium.org/p/chromium/issues/detail?id=1373
https://bugs.chromium.org/p/chromium/issues/detail?id=470669
https://bugs.chromium.org/p/chromium/issues/detail?id=311
https://bugs.chromium.org/p/chromium/issues/detail?id=457714
https://bugs.chromium.org/p/chromium/issues/detail?id=128290
https://bugs.chromium.org/p/chromium/issues/detail?id=119871
https://bugs.chromium.org/p/chromium/issues/detail?id=409378
https://bugs.chromium.org/p/chromium/issues/detail?id=126341
https://bugs.chromium.org/p/chromium/issues/detail?id=64317
https://bugs.chromium.org/p/chromium/issues/detail?id=530026
Especially the first two links appear to be gaining some traction. More users that support them being fixed helps gain more attention and allows you to monitor progress from email notifications (or you can unsubscribe).
Report This Issue:
Next, submit feedback to chrome through your browser following these steps:
Open Chrome and click the "hamburger" menu on the top right corner
Click Help > Report an issue.
Add detail similar to the following:
Between page loads and new tabs being opened, there is a brief moment
where the entire browser screen is painted white, causing severe eye
strain.
This issue has been referred to in the following chromium issues:
https://bugs.chromium.org/p/chromium/issues/detail?id=1373
https://bugs.chromium.org/p/chromium/issues/detail?id=470669
https://bugs.chromium.org/p/chromium/issues/detail?id=311
https://bugs.chromium.org/p/chromium/issues/detail?id=457714
https://bugs.chromium.org/p/chromium/issues/detail?id=128290
https://bugs.chromium.org/p/chromium/issues/detail?id=119871
https://bugs.chromium.org/p/chromium/issues/detail?id=409378
https://bugs.chromium.org/p/chromium/issues/detail?id=126341
https://bugs.chromium.org/p/chromium/issues/detail?id=64317
https://bugs.chromium.org/p/chromium/issues/detail?id=530026
Click send feedback
I would then recommend installing Chrome Canary, as some of the experimental fixes to those issues above will first appear in Canary.
Invert Computer Colors:
Finally, as a last resort, turn on color inversion and use the whitest chrome theme possible.
http://smallbusiness.chron.com/invert-colors-computer-43975.html
https://discussions.apple.com/thread/5780779?start=0
White theme (that is very dark when inverted):
https://chrome.google.com/webstore/detail/minimal-white/clcbojcafbggjenbeflknhfimpcikmlc?hl=en-GB
Significantly better in Chrome-Beta and even better in Chrome-Dev (chrome-unstable), almost unnoticeable.
Using Ubuntu-Cinnamon-Remix 21.04.

Find conflicting Javascript with browser developer tools?

I'm trying to debug a CMS-backed website (Drupal 7). It is displaying some problems due to conflicting Javascript. For a fraction of a second, the site components are fine, and then *SNAP*, they're broken. It must brake as soon as the conflicting resource loads.
Using Chrome's developer tools (or Safari, Firefox... even IE's), is there a way to load the page, one Javascript resource at a time? This way I can see exactly which resource loads when the page issues appear.
(I'm also open to better ways of debugging this kind of thing.)
You can use the Pause on exceptions feature of DevTools, in Sources Tab, it is the hexagonal pause button at the far right.

Major bugs in SWFAddress

I found a couple of rather glaring bugs in SWFAddress, involving IE-based browsers. Both of the following occurred in SlimBrowser (15,000,000 downloads on Cnet) and one in Avant (also several million downloads on Cnet).
Both bugs occur when returning to the original startup screen of a flex app via the back button. Both of them are repeatable using the already compiled sample Flex app that comes with the most recent SWFAddress 2.4 full download (but I have also repeated them after recompiling, and with other flex apps as well.)
Bug 1:
Open SlimBrowser and then open the SWFAddress Flex sample app in a single tab (make sure all other tabs are closed). In the flex sample app click one of the menu bar selections just to take it to another screen. Now hit the browser back button to return to the original screen. Then right-click the browser window tab for the Flex app and select 'close', to attempt to close the Flex app browser window. It causes the browser to crash.
Bug 2:
Modify the code for the starting page of the Flex sample app mentioned above to include a hyperlink to some other website. Now repeat the steps from Bug 1 to go to a different page of the sample app, and then return to the starting page via the back button. (Makes no difference this time if other browser tabs are opened.) Now click the hyperlink you created to navigate to some other site. On the other site the back button is disabled and you can't return to the Flex sample app.
I can of course attempt to debug this myself. Just didn't know if anyone wanted to save me the trouble. Also is anyone still maintaining SWFAddress, and do they even care about this sort of thing. I know people tend to loathe IE so don't know if they just decided not to support it. Also it would include scores of 3rd party browsers that have nothing to do with Microsoft, other than using the IE engine behind the scenes.
why don't you add a new issue on the swfadress bugtracker?

Javascript problem in Chrome and Safari

I have a Javascript image switcher on my products page. It working perfect in IE and Firefox but both Safari and Chrome fails to load the script on some pageloads. A refresh seems to fix it but when changing product page or language it crashes.
The product page
Im using Wordpress and the script is varal.org/media/imageswitcher/
Thanks!
Anton
I did not experience any issues in either Chrome or Safari for Windows on your product page. Try this in Chrome, to check if the two scripts (imageswitcherconf.js and imageswitcher.js) are being loaded:
Press Ctrl+Shift+J to open the JavaScript Console/Developer Tools window.
Click the Resources tab on the top of the window.
Enable resource tracking/script debugging if you have to.
With the JavaScript Console/Developer Tools window still open, perform an operation that would normally trigger a crash, such as switching languages.
On the left side of the window, under the Resources heading, you should see imageswitcherconf.js followed by imageswitcher.js. (For me, they appeared fourth and fifth in the list, respectively.)
If the files aren't being loaded:
Are you behind a caching proxy?
Is your browser cache clear?

Categories