my CanvasJS chart is only working on google chrome if someone has an idea I would be thankful.
They are live chart and the datas are pushed with json, on mozilla and internet explorer (9) i can only see the axes !
Difference between mozilla (latest version) and chrome :
CanvasJS Chart seems to be working fine across devices and browsers including Chrome v72.0.3626.121, Firefox v65.0.2, Opera v58.0.3135.79, Edge v44.17763.1.0, IE8+, Safari, Android Chrome, etc.
However this issue can be observed in few browsers when:
The x-value is date-time.
The value passed is not in one of the Valid JavaScript Date formats.
Browsers like Chrome, Firefox handles few invalid JS Date formats aswell, but browsers like IE doesn't. Because of this reason, chart seems to be incomplete / not rendered properly in IE.
Related
My problem is that SVG is not rendering properly when url has some route like 'localhost/hello' in Safari
In Chrome, Working fine.
You can compare this problem using both browser ( Chrome, Safari ) in your computer using my example
example)
https://stackblitz.com/edit/angular-ruscfd
How to solve this problem using general approach which make this rendering issue work properly in both browser??
Plz help.
In Safari
In Chrome
I am having trouble with Chrome
In Chrome, this example works for me
http://leafletjs.com/examples/choropleth/
When I apply this code to a custom map and open it with google chrome, the first colour gets applied and then all remaining colours are classed as colour #2. The HTML/CSS is correct, but it is not applying. It works fine on Firefox, Safari & Chrome on mobile, and it even works fine on other peoples Chrome, but the legend is not working on my chrome in development environment (running on virtual box) or production.
I have tried deleting cookies, application data and chrome is up to date and same version but the code is not being applied properly.
Anyone have a suggestion?
Thanks!
Yes, this worked for me. Turning hardware accelaration off brings back the colorscale in the legend.
I have finished designing my website but it displays differently on firefox, chrome and internet explorer. I believe i have done everything right but i dont know what is happening. Actually, google chrome displays it as i want it to, but firefox and internet explorer does not. My internet explorer version is 10 and firefox is 29. Please any help is much appreciated. thanks
This is the link to hosted site: http://www.ruebenpersonal.netai.net.
http://pastebin.com/xTnXeGhq - Link to the html source code.
Some browsers are uses the same rendering engine and some are not.
For example:
Google Chrome and Safari browsers are using : Webkit Engine (See: http://www.webkit.org/)
Firefox is using Gecko Engine (A.K.A. Moz) - (See: http://en.wikipedia.org/wiki/Gecko_(software)
Opera is using : Presto (See: http://www.opera.com/docs/specs/productspecs/)
So differences between rendering engines are normal. Which is why we are using their css properties like;
-webkit-border-radius /* For Webkit */
-moz-border-radius /* For Gecko */
-o-border-radius /* For Presto */
border-radius /* For IE9+ */
Some older browsers like Internet Explorer 6, 7, 8 are not giving support for most of CSS3 methods. To enable that methods, there are available to use JS engines like html5shiv or modernizr.
Note: You can use a service like this to generate starter templates that supports almost every browser.
Initializr: http://www.initializr.com/
Each browser uses different rendering engines. This means that certain HTML elements, CSS styles, etc. will be interpreted differently or not at all by browsers that do not share the same rendering engine.
To understand more, I would refer to this link: http://taligarsiel.com/Projects/howbrowserswork1.htm
As far as developing for multiple browsers, I would look into the modernizr javascript library, http://modernizr.com/, and for quick reference, caniuse.com.
Hope this is helpful.
As I was upgrading a site to use bootstrap css I noticed a page that has an iframe that it uses. Another developer claims it works only in IE, but I cannot get it to work in IE, FF or Chrome. FF and Chrome display nothing, while IE 11 blows up trying to load the pdf.
The code that is literally in the view source of what the browsers are trying to read just doesn't look quite right to me. Thoughts?
<iframe id="ContentPlaceHolder1_pdfFrame" width="720" height="590" name="pdfFrame" src="File:\\chc\shared\IntakeTest\Storage\WF_Test_20130702161454_2.pdf"></iframe>
I have this page, and on IE 9 the images are loading very well but on previous versions aren't on FF, Chrome, Opera, Safari all the things are well is just on those versions of IE and with specific images. I've checked the Dev Tools of iE8 and everything is fine.
Thanks!