如何将特定网页适应iPad用户

Question

我在iPhone（不是iPad）用户的网站目录中创建了一个特殊文件夹。在我的索引标题上，我有以下代码：<script type="text/javascript"> if ((navigator.userAgent.indexOf('iPhone') != -1) || (navigator.userAgent.indexOf('iPod') != -1)) { document.location = "mobile/";}</script>

我希望该网站适用于iPad用户，对于特定页面。我希望网站中的此特定页面对于iPad（而不是iPhone）用户有所不同。我该怎么做？...

Answer 1

如果您不希望包含特定的JavaScript文件，请在IIFE中检查window.location.pathname。

<script type="text/javascript">
    (function(){
        if(window.location.pathname === 'specific-page') {
           // insert CSS or change stuff
           return false;
        }
    })();
</script>

但要认真地，只需在此页面的HTML内添加自定义JS文件。