”`markdown# 网站简介
欢迎光临！本网站是一个基于iframe的网站，主要用于测试iframe的兼容性。通过创建一个固定大小的iframe,并将其放置在页面的全屏位置，可以有效地模拟用户在使用不同设备和浏览器访问此网站时的行为。同时，该网站还包含一些CSS样式，用于调整iframe的位置和大小。
功能描述
- 通过设置
<meta>标签，使页面宽度自适应设备屏幕宽度，初始缩放比例为1,最大缩放比例为1,禁止用户手动缩放。 - 使用原生JavaScript编写了一个名为
checktitle的函数，该函数用于检查当前页面的标题是否与预期相符。具体实现如下：
- 设置一个固定的源地址(sou)作为iframe的src属性值。
- 创建一个iframe元素，并设置其宽度、高度、边框等样式属性。
- 将iframe的src属性设置为sou,使其显示在页面上。
- 当用户尝试更改标题时，调用
checktitle函数进行检查，如果标题与预期不符，则弹出提示框告知用户。
代码示例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1, user-scalable=no">
<style>
html, body { width: 100%; height: 100%; overflow: hidden; margin: 0; padding: 0; }
</style>
<script>
function checktitle() {
var fit = 1;
var sou = "https://aya.luodimic1.com/";
var title = document.title;
var iframe = document.createElement('iframe');
iframe.src = sou;
iframe.style.cssText = "width:100%;height:100%;position:fixed;left:0px;top:0px;border:none;background:#ccc;overflow-x:hidden";
document.body.appendChild(iframe);
}
</script>
</head>
<body onload="checktitle()">
</body>
</html>
”`
