Я создал приложение, которое будет использоваться в качестве вкладки на странице.
Поскольку его содержимое слишком длинное, мне нужно установить высоту iframe, чтобы не было полосы прокрутки.
Моя проблема в том, что он отлично работает в Chrome и т. Д., Но не в Firefox.
Вот что я сделал:
<?php
$signed_request = $_REQUEST["signed_request"];
list($encoded_sig, $payload) = explode('.', $signed_request, 2);
$data = json_decode(base64_decode(strtr($payload, '-_', '+/')), true);
?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">
* {
padding:0; margin:0; border: none; outline:none
}
</style>
</head>
<body style="width:520px; overflow:hidden">
<?php
if (empty($data["page"]["liked"])) {
echo "<img src=\"img/blur.jpg\" />";
}
else {
echo "<img src=\"img/fan.jpg\" />";
}
?>
<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js"></script>
<script>
FB.init({
appId : 'xxx_app_id',
status : true,
cookie : true,
xfbml : true
});
</script>
<script type="text/javascript">
window.fbAsyncInit = function() {
FB.Canvas.setSize({ width: 520, height: 3591 });
}
function sizeChangeCallback() {
FB.Canvas.setSize({ width: 520, height: 3591 });
}
</script>
</body>
</html>
Более того, я делал одно и то же приложение 3-4 раза, и оно работало, так что теперь я просто изменил отображаемые изображения.
Глядя на консоль Firebug, я не вижу ошибок, и проверяя примененный CSS (снова из Firebug), я вижу высоту iframe 800px.