stylesheet not working in chrome , working fine in firefox - javascript

Problem with css style sheet, its not working properly in chrome but working fine in firefox
www.danafoods.ae

There is lot of parsing errors in your CSS file (http://www.danafoods.ae/wp-content/themes/wpnation/style.css).
For Chrome, it may look that some of { } braces are left unclosed. See the validation results, it should help you to fix errors:
The W3C CSS Validation Service - CSS validation results

You might want to first see why it can't find the missing wp-admin/admin-ajax.php that it's warning about - if you're trying to fetch css files through ajax, that might be preventing it. Two things I'd try, have you tried running your site locally and seeing if it works in chrome on localhost? And also, have you got the correct permissions on those files/folders?

Related

rails 4.2 tinyMCE gem produces failed to load content css skins/lightgray/content.min.css

I just introduced tinyMCE into my rails 4.2.8 site to let manage formatted text in articles. Everything works fine actually but now and then a warning message produced by tinyMCE comes up such as "failed to load content css: http://myurl/assets/tinymce/skins/lightgray/content.min.css" but if a look at the debug console in firefox I see that url has perfectly found and loaded content.min.css.
When the warning message is there I can't enter anything in the textarea but the situation is fixed by reloading the page, then the rich text can be nicely entered and the relevant data is loaded correctly into the backend DB via relevant input form.
I don't understand the reason why tinyMCE is signalling such a warning despite the fact that the css file was actually found.
Any idea? Thanks and kind regards
Vincenzo
**** update on June 8th 2017 ****
Now I can better explain what's actually going on.
1) the problem shows up in Firefox v.53, if I use Chrome everything works fine
2) I am using tinyMCE in three distinct forms: one for new articles, one for editing, one for comments.
3) If I insert a few new articles no problem appears, the problem shows up just chenging the form in use: i.e. after insertion an article I try editing it or another one or else I try to insert a comment after havine inserted a new article. After the error message has shown I can always recover by reloading the page and no error appears eventually.
I guess there is some caching problem specifically in Firefox since all works fine in Chrome. I will try Windows Edge too..
2017/06/10
Tried Windows Edge on Win10: it works fine too.
2017/06/14
In the meantime I opened bug 1371910 at https://bugzilla.mozilla.org/show_bug.cgi?id=1371910#c5 a few days ago and the result was:
QUOTE
Hi Vincenzo,
Thanks for sending us the link. Unfortunately this seems to be a problem with tinyMCE rather than Firefox.
The initial load of content.min.css works correctly, and no other attempts to reload it seem to be made.
If it works in other browsers it is probably due to the developers doing things differently.
If you still think this is a bug in Firefox, please reopen this bug, and send us a smaller test case.
PS. Others seem to be having the same problem as you: https://community.tinymce.com/communityQuestion?id=90661000000Qct9AAC
I hope you find a way to fix it.
UNQUOTE
What the Firefox support says makes sense since I too whatched the content.min.css file was actually loaded by the browser so in must be tinyMCE to misinterpret something. Anyway I am still in the soup...
Whoever might have some interest at this issue please hava a look at:
http://vinloren-learn-rails.herokuapp.com/articles accessing this endpoint with Firefox v52..v54 the click show any article then going back via the 'back' link at the end of the article's content.

Chrome does not support adding searchEngine through javascript 'window.external.AddSearchProvider(url)'

I am here to clarify an issue am facing in chrome alone and the issue is - 'I can't able to add My Site in chrome search engine via Javascript window.external.AddSearchProvider(xml_url) , However,on earlier times, it worked properly without any issues.'
I am not doing auto-adding my site to search engine with help of '<link>' tag (however, this too does not worked for me)
The 'window.external.AddSearchProvider(xml_url) works fine in firefox as earlier,,, The problem is only with the chrome, since, chrome supported earlier, and don't know the root cause of not able to add now. Please help me to figure out the issue by which i cant able to add in chrome Search Engine.
Thank you :)
Unfortunately window.external.AddSearchProvider is obsolete. It is working in Firefox but is no longer supported.
The <link> tag that you add in your site's <head> is for Autodiscovery of search plugins feature, this will list your site search engine in the configurations of the browser.
In chrome will list at chrome://settings/searchEngines

Chrome User Agent not displaying script - CSS fix?

I installed a WP theme recently and am having trouble getting a Facebook conversion box to display when I visit my site through Chrome. This problem doesn't exist on Firefox.
The response I get on Chrome is no visible pop-up box, but upon inspecting the element, I do see the code for the box in my header.php with a line from the Chrome User Agent saying:
script {
display: none;
Is there a CSS solution to override the User Agent and get the script to display? Again, I have no problems with the theme on Firefox. Here's a link to my site.
Thanks in advance!
I think I found the source of your problem. It's a browser extension.
Your conversion box appears on my personal laptop. However, it doesn't on my work laptop. That lead me to believe that it was a conflict with the script & a browser extension. So I opened your site in an incognito window. Voila! it worked. The next step was figuring out which extension was blocking it. For me, it is LastPass (my work requires the use of LastPass).
If you have LastPass enabled as an extension, disable it. Then test again.
It'd also be a good idea to get these console errors figured out:
Uncaught SyntaxError: Unexpected token ; (index):476
carouFredSel: No element found for "#foo1". jquery.carouFredSel-6.2.1.js?ver=3.8.3:4232
Uncaught ReferenceError: paginateVal is not defined cgview.js?ver=3.8.3:28
Solutions
Unfortunately, there isn't much you can do about people's individual extensions. If this is an absolutely critical feature for you, I'd look at finding a different implementation of it. One that does not conflict with common extensions (that's the easy option).
The other option (harder) is to look into the code of the plugin/script that you're using for the conversion box and identify the conflict.
Last option (hardest) is to look at LastPass extension source code and identify the bug that is preventing other scripts from running. I've had issues with LastPass interfering with javascript in the past.

Why javascript is not working on safari?

I am developing a website with has a header as (channels,...) and the header is working fine in all the browser except safari. The code is work fine on chrome as well still i facing the issue on safari browser. Is there anything which i missed in the code specified in the link. I also tried with the code to fetch browser and write a separate code for it but it also not works for me. Should anybody help me how to fix it. What i have already tried is : http://www.code-dynamix.com/blazemedia/services-channels.html
Problem exist at the Second header (Channels,...) where slider comes little bit down in safari.For better clarification just see the same header in any other browsers such as firefox, chrome and then see the header in safari.
Thanks in advance.
The JavaScript works fine for me in Safari 5.1.7 on Windows 7, but there are differences with how the header is rendered. This is an issue with CSS however. As best I can tell, there are no defined heights on any of the containing elements. You should define the heights when you can, this will help keep a universal look and feel.

Any way to debug JS issue in IE9?

I have a JS script which works in every browser except IE 9. I am not thrown any errors in my IDE or on the page itself but the loading icon just seems to continuously rotate instead of loading the image.
Page can be seen at:
http://www.nacdbenefits.com/jmarston4
I have used tools like Firebug in Firefox before to recognize some issues but this one is stumping me. Anybody had a similar issue before?
you can use IETester

Categories

Resources