通过iframe查看的现场响应式设计似乎不起作用。我想更改孩子的宽度css,使其正确适合
这是我尝试过的:
<script type='text/javascript'>
$(document).ready(function(){
$("##frameDemo").contents().find("body").css("width","100px");
});
</script>
<iframe src="http://www.domain.com?ID=#getincentiveID()#" width="80%" height="100" id='frameDemo'></iframe>
我可以看到那里有几个错误:$("##frameDemo")
应该$("#frameDemo")
.
然后,如果src="http://www.domain.com..."
指向外部域,则无法使用 JavaScript 访问 DOM 内容。
您可以使用 php 获取远程页面内容:
$url = 'http://www.domain.com?ID=#getincentiveID()#';
$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, $url);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
$page = curl_exec($ch);
curl_close($ch);
然后,您将在 $page
上存储页面内容。