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?
Related
Hi I'm trying to run a loop in Google Chrome JS console. But the script seems to pause/freeze whenever I minimize or move to another window.
How can I make it so it runs in the background until I manually stop it?
This is a general problem with every loop script I try in Chrome.
This is caused by unused tabs being frozen to save memory, resources and battery (a feature originally released in Chrome 46).
You can disable it for any given tab or domain, by navigating to chrome://discards, then toggling Auto Discardable for your desired tab.
There's also DoNotDiscard is a simple extension that prevents Chrome from suspending all tabs.
When I am debugging javascript in Firefox Developer Edition DevTools, and I refresh /reload the page, it just closes the file I had open and starts blank. This is a waste of time.
1) How can I make it perform like Chrome DevTools which preserves the file and exact line location in the file even after reloading?
2) Where are file tabs in firefox debugger tools? It seems there's only a list of ALL files loaded on the page, and I have to hunt down the files one by one after each page reload. Chrome has file tabs in the debugger which persist after reload. Where are tabs in firefox's debugger?
That the wrong file is selected after a page reload is obviously a bug in the Firefox DevTools - which only happens in some cases, btw. - so I've filed this as bug 1283792 .
Support for having multiple files open at the same time is not implemented yet. It is requested (by one of the main DevTools developers) in bug 1097706.
Update:
Opening multiple files at the same time is supported in the reworked debugger UI currently available by setting devtools.debugger.new-debugger-frontend in about:config to true (and enabled by default in Firefox Developer Edition and Nightly).
I am trying to create chrome extension that will create floating overlay (static one that dose not refresh), Similar to firefox add-on "ui sidebar"
Is there any way to maintain iframe like overlay that wont be effected by the page, and wont be reloaded when the tab reloads.
The simple answer is NO.
What you are describing is basically called browser chrome, i. e. UI. The only chrome Google Chrome extensions support since forever are page actions and browser actions.
Opera also supports sidebar actions. Rumor is, Firefox WebExtensions will support that too.
Chrome has no support however. It's on the wishlist but has no actual proposal/intent to ship. Apparently, there has been a recent decision not to pursue this.
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).
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.