I have added the code to show the facebook like and share buttons in my website. It works with Chrome and Firefox but it doesn't show up with Microsoft Edge and any version of Internet Explorer.
Here is my code:
<div id="fb-root"></div><script language="javascript" type="text/javascript">(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "https://connect.facebook.net/it_IT/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script><script language="javascript" type="text/javascript">//<![CDATA[ document.write('<fb:like href="https://www.facebook.com/mypage/" width="500" colorscheme="light" show_faces="true" font="tahoma" send="true" layout="standard" action="like"></fb:like> '); //]]> </script>
[Note: for privacy reasons in this snippet I have replaced the real facebook page with "mypage".]
The facebook plugin, when this script is executed, places an iframe in the html. The html document inside the iframe is completely empty with Edge and IE, while in the other browsers it contains the like button.
If I open the file inspector with Edge, I find this warning for this iframe:
'iframe[allow]' is not supported by Firefox for Android.
By the way this warning is a bit odd because it is thrown by Edge browser on a Windows Desktop (not on Firefox or on android).
How can I fix it?