Facebook Open Graph images not displaying in Chrome; Displaying in Firefox fine - php

After wrestling with Facebook's new Open Graph/SDK, I've noticed the images I retrieve with no problem in Firefox are not displaying at all in Chrome.
Example:
When the following tag is rendered on a webpage
<img src="http://graph.facebook.com/angrybirds/picture">
Firefox displays it with no problem while Chrome displays nothing.
Is this a scripting error on my end or is this something that I need to work around to accommodate for Chrome?
PHP 5
Firefox 7.0.1
Google Chrome 14.0.835.202

This seems to be a local caching problem, the link is working wonderful for me in chrome.
Please provide us a little more of you code if still got problems like this after clearing your cache.

Are you sure it is not a cache problem?

Related

Wordpress site displaying as mobile on desktop browser

My website is suddenly displaying as a mobile site when viewed on Microsoft Edge on the desktop. It's using wordpress 5.0 and It displays fine on Chrome.
The link is here https://flowersforeveryone.co.za/product-category/tulips/
the version of Microsoft Edge 42.17134.1.0.
Does anyone know why this happens?
Do you have any extensions for your browser or other tools that allow you view pages in rendered mobile or tablet views? ie. "Responsive Web Design Tester"
If so, try deactivating those and doing a hard refresh of your browser (clear cache).
One possible cause could be you zoomed in accidentally in your Browser...
Did you try on Firefox or Chrome ?
Plz provide a link if you need help.

Web pages don't show correctly on chrome mobile(Android)

I have faced a weird problem recently when I checked my website with my mobile on chrome I saw that It is not showing the right things
some colors were different, tables and generally it wasn't what I was expecting
It is totally different with the desktop
To understand what I mean check http://yking.ir
One time with your pc and with your phone
does anyone know what is the problem
I'm using twitter bootstrap 3.7 in my design and my server-side is PHP
Update
I finally found out the problem
My mobile chrome browser had cached the site and After I cleared the cache it fixed.
I finally found out the problem
My mobile chrome browser had cached the site and After I cleared the cache it fixed.

Site loading on chrome and opera but partially loading on firefox and safari

I am facing this strange issue with one of my site
Please try opening the below link in firefox and chrome
http://www.substationdesign.com.au/substation-design
This is working all ok on chrome but not rendering properly on firefox. Earlier it was working all ok in firefox as well.
Please find the screenshots below for both the browsers
Refer : http://web.archive.org/web/20140510214349/http://www.substationdesign.com.au/
Things I have tried
Tested with older version of firefox not working
Tested with W3C validator online. Is giving the similar issue as it is not able to render the page properly. Where as the same site is validated in desktop application
Tried removing all the js still getting the similar issue. Not able to render the HTML
Link Working all ok on Chrome and Opera but not on Firefox and Safari
Any help much appreciated.
With the help of one my friend got this fixed.
The issue is kind of wierd, when I remove the code for Gzip it working fine. I guess this is the issue with encoding. Google supports it but Firefox and safari don't.
I Comapared my code with my previous backup and checked what is wrong. Below is my code difference.
https://www.diffchecker.com/xbr6lyvr
Firefox's console says
The connection to ws://ins15.hotjar.com/api/v1/client/userdata was interrupted while the page was loading.
It may be a compatibility issue between phpwebsocket and different versions of FF.
This has been partially addressed before.
Web socket not working in Firefox 12
EDIT:
I used http://www.websocket.org/echo.html to test this out on Firefox after manually enabling WebSockets. Your site "works" but still won't load for me.

Javascript working on one host but not the other

I have recently uploaded a site I'm working on to a clients server. Unfortunately they are only running PHP 4.3, so a few things aren't working but some of my Javascript isn't working which is strange. Can anyone give me any insight into this? Here is the site that is functioning (PHP5+): http://involutionstudios.net/earthrover
And here is the site that isn't:
http://earthtest.monpjc.com/ (PHP 4.3)
As you will be able to see once you compare the two site the Javascript for the centre console isn't working correctly and the images are failing to display.
There is no errors using F12 on Chrome, from F12 I can also see that the images are loading, so it's not a problem with incorrect directory paths.
The Twitter feed not loading isn't the problem as that's to do with PHP.
Any help would be great :)
Thanks
The images are loaded on second, but they are not visible because you are missing twitter div there, putting even empty <div id="twitter"></div> before slider will shift slider div to correct place as it does on first site

JavaScript to check computer for a specific browser

In my web site i have this thing it loads a different page if you are in IE
I loads the no_support.html, and on the no support page i have text saying try one of the two browsers bellow, and bellow i have two images one of google chrome and the other of mozilla firefox, and when you click on any one of them they go to the download page of that browser.
I was wondering is there some trick i can put in the no support page that when for example i open it in IE and this page says try one of the browsers bellow and i click on Google chrome and if i have google chrome installed on my PC it opens my website (supported) with google chrome and if i dont have it then it goes to the download page.
Nope, you can't open a browser on a users computer like that, as that would be a major security issue, and really annoying.

Categories