I have issue on ipad/iphone under safari browser for embed iframes.
So, in generally, behavior of this iframes - they keep their height, but iframe contend doesnt shows, so there just blank space instead google embed map or youtube iframe.
How can I solve this?
I faced this once and I can only solve this by using google API.
Safari doensn't work well with iframe tags.
Related
I used divi built a website, my website address is www.pawtrails.ie, it is responsive to mobile screens, but I found when I open the link through facebook social media in my mobilephone, the toggle button is not clickable anymore. It is clickable in google chrome browser.
What is the cause for this? And what should I do for this please? I tried other social media, such as Wechat, the toggle button has the same problem.
The toggle button is not working when opening in facebook
The shop image is not displaying when opening in facebook as well
Thank you very much
It's the facebook in-app browser.
Their browser sucks, and has major display issues for most wordpress sites. If you're on an android, you can set your phone to open links through another browser. But the iPhone app forces you to open links through facebook browser.
So far, I can't find a fix for this issue.
(Edit to answer the question - sorry about that mods - noob error) There appear to be two possible issues. Firstly mixed content (http) on https enabled sites won't appear, so images etc. that have been hardcoded to "http://", perhaps from before a switch to SSL. Secondly for other issues, the Divi WP theme does crop up quite often and updating that theme seems to have fixed it for the OP when I check their site.
(Original message)
Wasn't sure if you were getting the replies in my conversation app. I replied on the post too: https://charlesr.co.uk/why-doesnt-my-site-display-properly-in-the-facebook-in-app-browser/#comment-9
Did you change something since yesterday, because it's working for me?
I'm doing responsive website. I tried it on every browser and everything is ok, however than I displaying that page on iphone i notice a bug, media queries in css on iframe not working in the page. Any ideas how to make it work?
Here is the page: http://saulesmiestas.lt/lt/aukstu_planai/1
I have a facebook app built using iframe. It works ok on most modern browsers except Safari on Windows platform. On Safari windows platform, the cookies seem to get lost as a user move from initial form page to 2nd page with questions.
Here is the live link
http://on.fb.me/1hCfgOX
Can someone help me on how to fix this?
Ok, i found a fix for it which works perfectly. Checkout the following links:
Safari 3rd party cookie iframe trick no longer working?
Facebook Iframe App with multiple pages in Safari Session Variables not persisting
And
http://lightyearsoftware.com/2009/11/on-the-pain-of-developing-for-facebook/
I hope this will fix your issue also, as it fixed mine. If you got any problem, let me know.
Thank you
besides header, you might also need to add w3c/p3p.xml and w3c/policy.p3p files to your website. See here for more details and sample files: Session null in IFrame in ASP.net MVC only in safari browser
I have a page integrated with Facebook comment box (social plugin) which work perfectly in desktop browser, however it's not working when I use a iPhone to browse the page, a Facebook "loading" keep showing and the comment box didn't come out.
I have tired the following too:
Browse the same page with a Android phone, OK
Browse the same page with a iphone 3rd party browser (I use a QR code scanner browser), OK
Browse the same page with iphone safari, NOT OK
I found this bug report at facebook at Jan, but no response: https://developers.facebook.com/bugs/171818679588280?browse=search_4f26fb988bf8d0c61735624
Anyone have an idea on this? Many thanks!
there is no iframe code for the comments plugin - the html5 code works, but it doesn't resize for the iphone, which causes lots of layout problems. I used a conditional css for iphone sized: ( you have to wrap the code in a div with class "facebook-wrap")
#media screen and (max-width: 460px) {
.facebook-wrap iframe {
width:300px!important;
left:0!important;
position:relative!important;
max-width:100%;
}
.comments_wrap.section{padding:0}
Use the "iframe" code instead of the javascript
As Facebook announced to support the iframe for page tabs also.
http://developers.facebook.com/blog/post/462
I have an existing facebook app built on FBML, and it was working fine until i changed the settings to use the iframe in page tabs.
My app uses FBJS for scripting.
But, now after changing the settings, i noticed FBJS doesn't work with iframe page tabs.
Does anyone facing the similar issue?
-Imran
I don't know if there's a point in answering a question this old, but I'm fairly certain that you need to replace your FBJS with plain old JavaScript when you switch from FBML to IFRAME.