Как мне адаптировать определенную веб-страницу для пользователей 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, проверьте window.location.pathname внутри IIFE.

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

А если серьезно, просто добавьте пользовательский файл JS в HTML для этой страницы.