Как определить, отключен ли JavaScript?

Вы можете использовать простой фрагмент JS, чтобы установить значение скрытого поля. При ответе вы знаете, включен ли JS или нет.

Или вы можете попробовать открыть всплывающее окно, которое вы быстро закрываете (но оно может быть видимым).

Также у вас есть тег NOSCRIPT, который вы можете использовать для отображения текста в браузерах с отключенным JS.

Блоки noscript выполняются, когда JavaScript отключен, и обычно используются для отображения контента, альтернативного тому, который вы создали в JavaScript, например

<script type = "javascript">
    ... construction of ajaxy-link,  setting of "js-enabled" cookie flag, etc..
</script>
<noscript>
    <a href = "next_page.php?nojs=1">Next Page</a>
</noscript>

Пользователи без js получат ссылку next_page - вы можете добавить здесь параметры, чтобы на следующей странице знать, пришли ли они через ссылку JS / не-JS или попытаются установить cookie через JS, отсутствие которых подразумевает JS отключен. Оба этих примера довольно тривиальны и открыты для манипуляций, но идею вы уловили.

Если вы хотите получить чисто статистическое представление о том, у скольких ваших пользователей отключен javascript, вы можете сделать что-то вроде:

<noscript>
    <img src = "no_js.gif" alt = "Javascript not enabled" />
</noscript>

затем проверьте свои журналы доступа, чтобы узнать, сколько раз было просмотрено это изображение. Немного грубое решение, но оно даст вам хорошее представление о процентной доле вашей пользовательской базы.

Вышеупомянутый подход (отслеживание изображений) не будет работать для текстовых браузеров или браузеров, которые вообще не поддерживают js, поэтому, если ваша пользовательская база перемещается в первую очередь в эту область, это может быть не лучшим подходом.

Обнаружить это в чем? JavaScript? Это было бы невозможно. Если вы просто хотите, чтобы это было для целей ведения журнала, вы можете использовать какую-то схему отслеживания, где на каждой странице есть JavaScript, который будет запрашивать специальный ресурс (возможно, очень маленький gif или аналогичный). Таким образом, вы можете просто различать запросы уникальных страниц и запросы файла отслеживания.

Вы захотите взглянуть на тег noscript.

<script type = "text/javascript">
...some javascript script to insert data...
</script>
<noscript>
   <p>Access the <a href = "http://someplace.com/data">data.</a></p>
</noscript>

Если javascript отключен, ваш клиентский код все равно не будет работать, поэтому я предполагаю, что вы имеете в виду, что хотите, чтобы эта информация была доступна на стороне сервера. В этом случае Носкрипт менее полезен. Вместо этого я бы использовал скрытый ввод и использовал javascript для заполнения значения. После вашего следующего запроса или обратной передачи, если значение есть, вы знаете, что javascript включен.

Будьте осторожны с такими вещами, как noscript, где первый запрос может показать, что javascript отключен, но будущие запросы включают его.

Раньше я использовал методику JavaScript для записи файла cookie сеанса, который просто действует как флаг, указывающий, что JavaScript включен. Затем код на стороне сервера ищет этот файл cookie и, если он не найден, принимает соответствующие меры. Конечно, этот метод зависит от включения файлов cookie!

Я бы посоветовал вам пойти другим путем, написав ненавязчивый JavaScript.

Сделайте так, чтобы функции вашего проекта работали для пользователей с отключенным JavaScript, а когда вы закончите, внедрите свои улучшения пользовательского интерфейса JavaScript.

https://en.wikipedia.org/wiki/Unobtrusive_JavaScript

Я думаю, вы могли бы вставить тег изображения в тег noscript и посмотреть статистику, сколько раз ваш сайт и как часто загружалось это изображение.

Я предполагаю, что вы пытаетесь решить, следует ли доставлять контент с расширенным JavaScript. Лучшие реализации полностью деградируют, так что сайт по-прежнему работает без JavaScript. Я также предполагаю, что вы имеете в виду обнаружение на стороне сервера, а не использование элемента <noscript> по необъяснимой причине.

Нет хорошего способа выполнить обнаружение серверного JavaScript. В качестве альтернативы можно использовать установить cookie с помощью JavaScript, а затем протестировать этот файл cookie с помощью сценариев на стороне сервера при последующих просмотрах страницы. Однако это не подходит для принятия решения о том, какой контент предоставлять, поскольку он не сможет отличить посетителей без файлов cookie от новых посетителей или посетителей, которые блокируют файлы cookie.

Вы можете, например, использовать что-то вроде document.location = 'java_page.html', чтобы перенаправить браузер на новую страницу, загруженную скриптами. Отсутствие перенаправления подразумевает, что JavaScript недоступен, и в этом случае вы можете либо прибегнуть к функциям CGI, либо вставить соответствующий код между тегами. (ПРИМЕЧАНИЕ: NOSCRIPT доступен только в Netscape Navigator 3.0 и выше.)

кредит http://www.intranetjournal.com/faqs/jsfaq/how12.html

Люди уже публиковали примеры, которые являются хорошими вариантами обнаружения, но на основании вашего требования «предупреждать, что сайт не может работать должным образом, если в браузере не включен JS». Вы в основном добавляете элемент, который каким-то образом появляется на странице, например «всплывающие окна» в Stack Overflow, когда вы получаете значок, с соответствующим сообщением, а затем удаляете его с помощью некоторого Javascript, который запускается, как только страница загружается ( и я имею в виду DOM, а не всю страницу).

Если ваш вариант использования состоит в том, что у вас есть форма (например, форма входа) и ваш серверный скрипт должен знать, включен ли у пользователя JavaScript, вы можете сделать что-то вроде этого:

<form onsubmit = "this.js_enabled.value=1;return true;">
    <input type = "hidden" name = "js_enabled" value = "0">
    <input type = "submit" value = "go">
</form>

Это изменит значение js_enabled на 1 перед отправкой формы. Если ваш серверный скрипт получает 0, JS нет. Если он получает 1, JS!

Тег noscript работает хорошо, но требует, чтобы каждый дополнительный запрос страницы продолжал обслуживать бесполезные файлы JS, поскольку, по сути, noscript - это проверка на стороне клиента.

Вы можете установить файл cookie с помощью JS, но, как заметил кто-то другой, это может потерпеть неудачу. В идеале вы хотели бы иметь возможность обнаруживать клиентскую сторону JS и без использования файлов cookie установить для этого пользователя серверную часть сеанса, которая указывает, включен ли JS.

Существует возможность динамически добавлять изображение 1x1 с помощью JavaScript, где атрибут src фактически является сценарием на стороне сервера. Все, что делает этот скрипт, - это сохраняет в текущий сеанс пользователя, в котором включен JS ($ _SESSION ['js_enabled']). Затем вы можете вывести пустое изображение 1x1 обратно в браузер. Сценарий не будет запускаться для пользователей с отключенным JS, и, следовательно, $ _SESSION ['js_enabled'] не будет установлен. Затем для дальнейших страниц, обслуживаемых этому пользователю, вы можете решить, включать ли все ваши внешние файлы JS, но вы всегда захотите включить проверку, так как некоторые из ваших пользователей могут использовать надстройку NoScript Firefox или иметь JS временно отключен по какой-то другой причине.

Вероятно, вы захотите включить эту проверку где-нибудь ближе к концу своей страницы, чтобы дополнительный HTTP-запрос не замедлял отрисовку вашей страницы.

Вот что сработало для меня: он перенаправляет посетителя, если javascript отключен

<noscript><meta http-equiv = "refresh" content = "0; url=whatyouwant.html" /></noscript>

Добавление обновления в мета внутри noscript - не лучшая идея.

1. Поскольку тег noscript не совместим с XHTML

2. Значение атрибута «Обновить» нестандартное, и его не следует использовать. «Обновить» лишает пользователя возможности управлять страницей. Использование «Обновить» вызовет сбой в рекомендациях W3C по обеспечению доступности веб-контента. --- Ссылка http://www.w3schools.com/TAGS/att_meta_http_equiv.asp.

Почему бы вам просто не поставить захваченный обработчик событий onClick (), который будет срабатывать только при включенном JS, и использовать его для добавления параметра (js = true) к выбранному / нажатому URL-адресу (вы также можете обнаружить раскрывающийся список и измените значение - добавить скрытое поле формы). Итак, теперь, когда сервер видит этот параметр (js = true), он знает, что JS включен, а затем выполняет свою причудливую логику на стороне сервера. Обратной стороной этого является то, что когда пользователь впервые заходит на ваш сайт, закладку, URL-адрес, URL-адрес, сгенерированный поисковой системой, вам нужно будет определить, что это новый пользователь, поэтому не ищите NVP, добавленную в URL-адрес, и серверу придется ждать следующего щелчка, чтобы определить, включен / выключен пользователь JS. Кроме того, еще одним недостатком является то, что URL-адрес окажется на URL-адресе браузера, и если этот пользователь затем закладки этот URL-адрес, он будет иметь js = true NVP, даже если у пользователя не включен JS, хотя при следующем щелчке сервер будет Будьте мудры, чтобы знать, включен ли у пользователя JS или нет. Вздох .. это весело ...

Поскольку я всегда хочу дать браузеру что-нибудь стоящее, я часто использую этот трюк:

Во-первых, любая часть страницы, для которой требуется JavaScript для правильной работы (включая пассивные элементы HTML, которые изменяются с помощью вызовов getElementById и т. д.), Спроектирована так, чтобы ее можно было использовать как есть, с предположением, что там ISN'T javaScript доступен. (оформлен так, как будто его там не было)

Любые элементы, для которых требуется JavaScript, я помещаю в тег примерно так:

<span name = "jsOnly" style = "display: none;"></span>

Затем в начале моего документа я использую .onload или document.ready в цикле getElementsByName('jsOnly'), чтобы настроить .style.display = "";, чтобы снова включить JS-зависимые элементы. Таким образом, браузеры, не использующие JS, никогда не должны видеть зависимые от JS части сайта, и если они у них есть, они появляются сразу же по мере готовности.

Как только вы привыкнете к этому методу, довольно легко будет гибридизировать ваш код для обработки обеих ситуаций, хотя я только сейчас экспериментирую с тегом noscript и ожидаю, что он будет иметь некоторые дополнительные преимущества.

Чтобы заставить пользователей включить JavaScripts, я установил атрибут href для каждой ссылки на один и тот же документ, который уведомляет пользователя о необходимости включить JavaScripts или загрузить Firefox (если они не знают, как включить JavaScripts). Я сохранил фактический URL-адрес ссылки для атрибута «name» ссылок и определил глобальное событие onclick, которое считывает атрибут «name» и перенаправляет страницу туда.

Это хорошо работает для моей пользовательской базы, хотя и немного фашистски;).

Я бы хотел добавить сюда свой .02. Он не на 100% пуленепробиваемый, но я думаю, что он достаточно хорош.

Для меня проблема с предпочтительным примером размещения сообщения «этот сайт не так хорошо работает без Javascript» заключается в том, что затем вам нужно убедиться, что ваш сайт работает нормально без Javascript. И как только вы начнете идти по этому пути, вы начнете понимать, что сайт должен быть пуленепробиваемым с отключенным JS, а это целая большая часть дополнительной работы.

Итак, что вам действительно нужно, так это «перенаправление» на страницу с надписью «включите JS, глупо». Но, конечно, вы не можете надежно выполнять мета-перенаправления. Итак, вот предложение:

<noscript>
    <style type = "text/css">
        .pagecontainer {display:none;}
    </style>
    <div class = "noscriptmsg">
    You don't have javascript enabled.  Good luck with that.
    </div>
</noscript>

... где все содержимого вашего сайта заключено в div класса pagecontainer. CSS внутри тега noscript затем скроет все содержимое вашей страницы и вместо этого отобразит любое сообщение «нет JS», которое вы хотите показать. Похоже, именно этим и занимается Gmail ... и если этого достаточно для Google, то и для моего маленького сайта.

Для тех, кто просто хочет отслеживать, включен ли js, как насчет использования подпрограммы ajax для хранения состояния? Например, я регистрирую всех посетителей / посещений в наборе таблиц. В поле JSenabled можно установить значение по умолчанию FALSE, а процедура ajax установит его в TRUE, если JS включен.

немного сложно, но (причёска подсказала мне идею)

CSS:

.pagecontainer {
  display: none;
}

JS:

function load() {
  document.getElementById('noscriptmsg').style.display = "none";
  document.getElementById('load').style.display = "block";
  /* rest of js*/
}

HTML:

<body onload = "load();">

  <div class = "pagecontainer" id = "load">
    Page loading....
  </div>
  <div id = "noscriptmsg">
    You don't have javascript enabled. Good luck with that.
  </div>

</body>

будет работать в любом случае, не так ли? даже если тег noscript не поддерживается (требуется только некоторый css) кто-нибудь знает решение без CSS?

Добавьте это в тег HEAD каждой страницы.

<noscript>
        <meta http-equiv = "refresh" runat = "server" id = "mtaJSCheck" content = "0;logon.aspx" />
</noscript>

Так что у тебя есть:

<head>
    <noscript>
        <meta http-equiv = "refresh" runat = "server" id = "mtaJSCheck" content = "0;logon.aspx" />
    </noscript>
</head>

С благодарностью Джею.

Вчера мне пришлось решить ту же проблему, поэтому я просто добавляю сюда свой .001. Решение работает для меня нормально, по крайней мере, на домашней странице (index.php)

Мне нравится, чтобы в корневой папке был только один файл: index.php. Затем я использую папки для структурирования всего проекта (код, css, js и т. д.). Итак, код для index.php выглядит следующим образом:

<head>
    <title>Please Activate Javascript</title>
    <meta http-equiv = "Content-Type" content = "text/html; charset=UTF-8" />
    <script type = "text/javascript" src = "js/jquery-1.3.2.min.js"></script> 
</head>

<body>

<script language = "JavaScript">
    $(document).ready(function() {
        location.href = "code/home.php";
    });   
</script>

<noscript>
    <h2>This web site needs javascript activated to work properly. Please activate it. Thanks!</h2>
</noscript>

</body>

</html>

Надеюсь, это кому-нибудь поможет. Наилучшие пожелания.

Вы не определяете, отключен ли у пользователя JavaScript (на стороне сервера или на стороне клиента). Вместо этого вы предполагаете, что javascript отключен, и создаете свою веб-страницу с отключенным javascript. Это устраняет необходимость в noscript, которого вам в любом случае следует избегать, потому что он работает неправильно и в нем нет необходимости.

Например, просто создайте свой сайт, чтобы сказать <div id = "nojs">This website doesn't work without JS</div>.

Затем ваш скрипт просто выполнит document.getElementById('nojs').style.display = 'none'; и продолжит свои обычные JS-дела.

Проверьте файлы cookie, используя чистое решение на стороне сервера, я ввел здесь, затем проверьте наличие javascript, удалив файл cookie с помощью Jquery.Cookie, а затем проверьте файл cookie таким образом, чтобы проверить как файлы cookie, так и javascript

Используйте класс .no-js в теле и создавайте стили, отличные от javascript, на основе родительского класса .no-js. Если javascript отключен, вы получите все стили, отличные от javascript, если есть поддержка JS, класс .no-js будет заменен, предоставив вам все стили, как обычно.

 document.body.className = document.body.className.replace("no-js","js");

трюк, используемый в шаблоне HTML5 http://html5boilerplate.com/ через modernizr, но вы можете использовать одну строку javascript для замены классов

Теги noscript - это нормально, но зачем лишние вещи в вашем html, если это можно сделать с помощью css

В некоторых случаях может быть достаточно сделать это наоборот. Добавьте класс с помощью javascript:

// Jquery
$('body').addClass('js-enabled');

/* CSS */
.menu-mobile {display:none;}
body.js-enabled .menu-mobile {display:block;}

Это может создать проблемы с обслуживанием чего-либо сложного, но для некоторых вещей это простое решение. Вместо того, чтобы пытаться определить, когда он не загружен, просто задайте стиль в соответствии с тем, когда он загружен.

Решение может показаться странным, но вы можете попробовать:

<?php $jsEnabledVar = 0; ?>    

<script type = "text/javascript">
var jsenabled = 1;
if (jsenabled == 1)
{
   <?php $jsEnabledVar = 1; ?>
}
</script>

<noscript>
var jsenabled = 0;
if (jsenabled == 0)
{
   <?php $jsEnabledVar = 0; ?>
}
</noscript>

Теперь используйте значение $ jsEnabledVar на всей странице. Вы также можете использовать его для отображения блока, указывающего пользователю, что JS отключен.

надеюсь, это поможет

Распространенным решением является использование метатега в сочетании с noscript для обновления страницы и уведомления сервера, когда JavaScript отключен, например:

<!DOCTYPE html>
<html lang = "en">
    <head>
        <noscript>
            <meta http-equiv = "refresh" content = "0; /?javascript=false">
        </noscript>
        <meta charset = "UTF-8"/>
        <title></title>
    </head>
</html>

В приведенном выше примере, когда JavaScript отключен, браузер будет перенаправлять на домашнюю страницу веб-сайта через 0 секунд. Кроме того, он также отправит на сервер параметр javascript = false.

Сценарий на стороне сервера, такой как node.js или PHP, может затем проанализировать параметр и узнать, что JavaScript отключен. Затем он может отправить клиенту специальную версию веб-сайта, отличную от JavaScript.

Я хотел бы добавить свое решение для получения достоверной статистики о том, сколько реальных пользователей посещают мой сайт с отключенным javascript из общего числа пользователей. Проверка выполняется один раз за сеанс со следующими преимуществами:

• Пользователи, посетившие 100 страниц или только 1, засчитываются как 1 каждый. Это позволяет сосредоточиться на отдельных пользователях, а не на страницах.
• Ни в коем случае не нарушает поток, структуру или семантику страницы
• Может логировать пользовательский агент. Это позволяет исключить ботов из статистики, таких как бот Google и бот Bing, у которых обычно отключен JS! Может также регистрировать IP, время и т. д.
• Всего одна проверка за сеанс (минимальная перегрузка)

В моем коде используются PHP, mysql и jquery с ajax, но его можно адаптировать к другим языкам:

Создайте в своей БД таблицу, подобную этой:

CREATE TABLE IF NOT EXISTS `log_JS` (
  `logJS_id` int(11) NOT NULL AUTO_INCREMENT,
  `data_ins` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP,
  `session_id` varchar(50) NOT NULL,
  `JS_ON` tinyint(1) NOT NULL DEFAULT '0',
  `agent` varchar(255) DEFAULT NULL,
  PRIMARY KEY (`logJS_id`)
) ENGINE=MyISAM  DEFAULT CHARSET=utf8;

Добавьте это на каждую страницу после использования session_start () или аналогичного (требуется jquery):

<?  if (!isset($_SESSION["JSTest"]))
    { 
        mysql_query("INSERT INTO log_JS (session_id, agent) VALUES ('" . mysql_real_escape_string(session_id()) . "', '" . mysql_real_escape_string($_SERVER['HTTP_USER_AGENT']). "')"); 
        $_SESSION["JSTest"] = 1; // One time per session
        ?>
        <script type = "text/javascript">
            $(document).ready(function() { $.get('JSOK.php'); });
        </script>
        <?
    }
?>

Создайте страницу JSOK.php следующим образом:

<?
include_once("[DB connection file].php");   
mysql_query("UPDATE log_JS SET JS_ON = 1 WHERE session_id = '" . mysql_real_escape_string(session_id()) . "'");

Я придумал другой подход, используя сам css и javascript. Это просто для того, чтобы начать возиться с классами и идентификаторами.

Фрагмент CSS:
1. Создайте правило идентификатора CSS и назовите его # jsDis.
. 2. Используйте свойство «content», чтобы сгенерировать текст после элемента BODY. (Вы можете оформить это как хотите) .
3 Создайте второе правило идентификатора CSS, назовите его #jsEn и стилизуйте его. (для простоты я дал своему правилу #jsEn другой цвет фона.

<style>
#jsDis:after {
    content:"Javascript is Disable. Please turn it ON!";
    font:bold 11px Verdana;
    color:#FF0000;
}

#jsEn {
    background-color:#dedede;
}

#jsEn:after {
    content:"Javascript is Enable. Well Done!";
    font:bold 11px Verdana;
    color:#333333;
}
</style>

Фрагмент кода JavaScript:
1. Создайте функцию. 2. Возьмите BODY ID с помощью getElementById и назначьте его переменной.
3. Используя функцию JS setAttribute, измените значение атрибута ID элемента BODY.

<script>
function jsOn() {
    var chgID = document.getElementById('jsDis');
    chgID.setAttribute('id', 'jsEn');
}
</script>

Часть HTML.
1. Назовите атрибут элемента BODY с идентификатором # jsDis.
. 2. Добавьте событие onLoad с именем функции. (jsOn ()).

<body id = "jsDis" onLoad = "jsOn()">

Из-за тега BODY был присвоен идентификатор #jsDis:
. - Если Javascript включен, он сам изменит атрибут тега BODY.
- Если Javascript отключен, будет отображаться текст правила css 'content:'.

Вы можете поиграть с контейнером #wrapper или с любым DIV, использующим JS.

. Надеюсь, это поможет понять идею.

Вот сценарий PHP, который можно включить один раз перед генерацией любого вывода. Это не идеально, но в большинстве случаев он работает достаточно хорошо, чтобы избежать доставки контента или кода, которые не будут использоваться клиентом. Комментарии в заголовке объясняют, как это работает.

<?php
/*****************************************************************************
 * JAVASCRIPT DETECTION                                                      *
 *****************************************************************************/

// Progressive enhancement and graceful degradation are not sufficient if we
// want to avoid sending HTML or JavaScript code that won't be useful on the
// client side.  A normal HTTP request will not include any explicit indicator
// that JavaScript is enabled in the client.  So a "preflight response" is
// needed to prompt the client to provide an indicator in a follow-up request.
// Once the state of JavaScript availability has been received the state of
// data received in the original request must be restored before proceding.
// To the user, this handshake should be as invisible as possible.
// 
// The most convenient place to store the original data is in a PHP session.
// The PHP session extension will try to use a cookie to pass the session ID
// but if cookies are not enabled it will insert it into the query string.
// This violates our preference for invisibility.  When Javascript is not
// enabled the only way to effect a client side redirect is with a "meta"
// element with its "http-equiv" attribute set to "refresh".  In this case
// modifying the URL is the only way to pass the session ID back.
//
// But when cookies are disabled and JavaScript is enabled then a client side
// redirect can be effected by setting the "window.onload" method to a function
// which submits a form.  The form has a "method" attribute of "post" and an
// "action" attribute set to the original URL.  The form contains two hidden
// input elements, one in which the session ID is stored and one in which the
// state of JavaScript availability is stored.  Both values are thereby passed
// back to the server in a POST request while the URL remains unchanged.  The
// follow-up request will be a POST even if the original request was a GET, but
// since the original request data is restored, the containing script ought to
// process the request as though it were a GET.

// In order to ensure that the constant SID is defined as the caller of this
// script would expect, call session_start if it hasn't already been called.
$session = isset($_SESSION);
if (!$session) session_start();

// Use a separate session for Javascript detection.  Save the caller's session
// name and ID.  If this is the followup request then close the caller's
// session and reopen the Javascript detection session.  Otherwise, generate a
// new session ID, close the caller's session and create a new session for
// Javascript detection.
$session_name = session_name();
$session_id = session_id();
session_write_close();
session_name('JS_DETECT');
if (isset($_COOKIE['JS_DETECT'])) {
    session_id($_COOKIE['JS_DETECT']);
} elseif (isset($_REQUEST['JS_DETECT'])) {
    session_id($_REQUEST['JS_DETECT']);
} else {
    session_id(sha1(mt_rand()));
}
session_start();

if (isset($_SESSION['_SERVER'])) {
    // Preflight response already sent.
    // Store the JavaScript availability status in a constant.
    define('JS_ENABLED', 0+$_REQUEST['JS_ENABLED']);
    // Store the cookie availability status in a constant.
    define('COOKIES_ENABLED', isset($_COOKIE['JS_DETECT']));
    // Expire the cookies if they exist.
    setcookie('JS_DETECT', 0, time()-3600);
    setcookie('JS_ENABLED', 0, time()-3600);
    // Restore the original request data.
    $_GET = $_SESSION['_GET'];
    $_POST = $_SESSION['_POST'];
    $_FILES = $_SESSION['_FILES'];
    $_COOKIE = $_SESSION['_COOKIE'];
    $_SERVER = $_SESSION['_SERVER'];
    $_REQUEST = $_SESSION['_REQUEST'];
    // Ensure that uploaded files will be deleted if they are not moved or renamed.
    function unlink_uploaded_files () {
        foreach (array_keys($_FILES) as $k)
            if (file_exists($_FILES[$k]['tmp_name']))
                unlink($_FILES[$k]['tmp_name']);
    }
    register_shutdown_function('unlink_uploaded_files');
    // Reinitialize the superglobal.
    $_SESSION = array();
    // Destroy the Javascript detection session.
    session_destroy();
    // Reopen the caller's session.
    session_name($session_name);
    session_id($session_id);
    if ($session) session_start();
    unset($session, $session_name, $session_id, $tmp_name);
    // Complete the request.
} else {
    // Preflight response not sent so send it.
    // To cover the case where cookies are enabled but JavaScript is disabled,
    // initialize the cookie to indicate that JavaScript is disabled.
    setcookie('JS_ENABLED', 0);
    // Prepare the client side redirect used when JavaScript is disabled.
    $content = '0; url='.$_SERVER['REQUEST_URI'];
    if (!$_GET['JS_DETECT']) {
        $content .= empty($_SERVER['QUERY_STRING']) ? '?' : '&';
        $content .= 'JS_DETECT='.session_id();
    }
    // Remove request data which should only be used here.
    unset($_GET['JS_DETECT'],$_GET['JS_ENABLED'],
            $_POST['JS_DETECT'],$_POST['JS_ENABLED'],
            $_COOKIE['JS_DETECT'],$_COOKIE['JS_ENABLED'],
            $_REQUEST['JS_DETECT'],$_REQUEST['JS_ENABLED']);
    // Save all remaining request data in session data.
    $_SESSION['_GET'] = $_GET;
    $_SESSION['_POST'] = $_POST;
    $_SESSION['_FILES'] = $_FILES;
    $_SESSION['_COOKIE'] = $_COOKIE;
    $_SESSION['_SERVER'] = $_SERVER;
    $_SESSION['_REQUEST'] = $_REQUEST;
    // Rename any uploaded files so they won't be deleted by PHP.  When using
    // a clustered web server, upload_tmp_dir must point to shared storage.
    foreach (array_keys($_FILES) as $k) {
        $tmp_name = $_FILES[$k]['tmp_name'].'x';
        if (move_uploaded_file($_FILES[$k]['tmp_name'], $tmp_name))
            $_SESSION['_FILES'][$k]['tmp_name'] = $tmp_name;
    }
// Have the client inform the server as to the status of Javascript.
?>
<!DOCTYPE html>
<html>
<head>
    <script>
        document.cookie = 'JS_ENABLED=1';
// location.reload causes a confirm box in FireFox
//      if (document.cookie) { location.reload(true); }
        if (document.cookie) { location.href = location; }
    </script>
    <meta http-equiv = "refresh" content = "<?=$content?>" />
</head>
<body>
    <form id = "formid" method = "post" action = "" >
        <input type = "hidden" name = "<?=$session_name?>" value = "<?=$session_id?>" />
        <input type = "hidden" name = "JS_DETECT" value = "<?=session_id()?>" />
        <input type = "hidden" name = "JS_ENABLED" value = "1" />
    </form>
    <script>
        document.getElementById('formid').submit();
    </script>
</body>
</html>
<?php
    exit;
}
?>

Вот изюминка! Могут быть клиентские браузеры с включенным Javascript и использующие JS-совместимые браузеры. Но по какой-либо причине Javascript не работает в браузере (например, настройки брандмауэра). По статистике это происходит в каждом 1 из 93 сценариев. Таким образом, сервер обнаруживает, что клиент может выполнять Javascript, но на самом деле это не так!

В качестве решения я предлагаю установить файл cookie на клиентском сайте, а затем прочитать его с сервера. Если cookie установлен, то JS работает нормально. Какие-нибудь мысли ?

<noscript> даже не нужен, не говоря уже о не поддерживается в XHTML.

Рабочий пример:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html>
<head>
    <title>My website</title>
    <style>
      #site {
          display: none;
      }
    </style>
    <script src = "http://code.jquery.com/jquery-latest.min.js "></script>
    <script>
      $(document).ready(function() {
          $("#noJS").hide();
          $("#site").show();
      });
    </script>
</head>
<body>
    <div id = "noJS">Please enable JavaScript...</div>
    <div id = "site">JavaScript dependent content here...</div>
</body>
</html>

В этом примере, если включен JavaScript, вы видите сайт. В противном случае вы увидите сообщение «Пожалуйста, включите JavaScript». Лучший способ проверить, включен ли JavaScript, - просто попробовать использовать JavaScript! Если работает то включено, если нет то нет ...

Это самый "чистый" идентификатор использования решения:

<noscript>
    <style>
        body *{ /*hides all elements inside the body*/
            display: none;
        }
        h1{ /* even if this h1 is inside head tags it will be first hidden, so we have to display it again after all body elements are hidden*/
            display: block;
        }
    </style>
    <h1>JavaScript is not enabled, please check your browser settings.</h1>
</noscript>

код внутри тегов <noscript> будет выполняться, если в браузере не включен js. мы можем использовать теги noscript для отображения сообщения о включении JS, как показано ниже. сохраняя содержимое нашего веб-сайта внутри тела как скрытое. как показано ниже

<body>
<div id = "main_body" style = "display: none;">
website content.
</div>
</body>

теперь, если JS включен, вы можете просто сделать содержимое внутри вашего main_body видимым, как показано ниже

<script type = "text/javascript">
document.getElementById("main_body").style.display = "block";
</script>

Конечно, файлы cookie и HTTP-заголовки - отличные решения, но оба потребуют явного участия на стороне сервера.

Для простых сайтов или там, где у меня нет доступа к серверной части, я предпочитаю решения на стороне клиента.

-

Я использую следующее, чтобы установить атрибут класса для самого элемента HTML, поэтому мой CSS может обрабатывать практически всю логику другого типа отображения.

МЕТОДЫ:

1) поместите <script>document.getElementsByTagName('html')[0].classList.add('js-enabled');</script>над в элемент <html>.

ПРЕДУПРЕЖДЕНИЕ!!!! Этот метод переопределит все атрибуты класса <html>, не говоря уже о том, что он может быть не «правильным» HTML, но работает во всех браузерах, в которых я его тестировал.

* ПРИМЕЧАНИЯ: из-за времени запуска скрипта до обработки тега <html> он получает пустую коллекцию classList без узлов, поэтому к моменту завершения скрипта элементу <html> будут присвоены только классы. вы добавили.

2) Сохраняет все остальные атрибуты класса <html>, просто поместите сценарий <script>document.getElementsByTagName('html')[0].classList.add('js-enabled');</script> сразу после открывающего тега <html>.

В обоих случаях, если JS был отключен, никакие изменения атрибутов класса <html> внесены не будут.

АЛЬТЕРНАТИВЫ

На протяжении многих лет я использовал несколько других методов:

    <script type = "text/javascript">
    <!-- 
        (function(d, a, b){ 
            let x = function(){
                // Select and swap
                let hits = d.getElementsByClassName(a);
                for( let i = hits.length - 1; i >= 0; i-- ){
                    hits[i].classList.add(b);
                    hits[i].classList.remove(a);
                }
            };
            // Initialize Second Pass...
            setTimeout(function(){ x(); },0);
            x();
        })(document, 'no-js', 'js-enabled' );
    -->
</script>

// Минимизируется как:

<script type = "text/javascript">
    <!-- 
        (function(d, a, b, x, hits, i){x=function(){hits=d.getElementsByClassName(a);for(i=hits.length-1;i>=0;i--){hits[i].classList.add(b);hits[i].classList.remove(a);}};setTimeout(function(){ x(); },0);x();})(document, 'no-js', 'js-enabled' );
    -->
</script>

• Это будет циклически проходить страницу дважды, один раз в том месте, где он находится на странице, обычно сразу после <html> и еще раз после загрузки страницы. Потребовалось два раза, так как я ввел в файл header.tpl CMS, к которому у меня не было доступа к серверной части, но я хотел представить параметры стиля для фрагментов no-js.

Первый проход установит, что класс с поддержкой .js разрешает включение любых глобальных стилей и предотвращает большинство дальнейших перекомпоновок. второй проход был уловом для любого позже включенного контента.

ПРИЧИНЫ:

Основные причины, по которым меня интересовал, был ли JS включен или нет, были для целей «стилизации», скрытия / отображения формы, включения / отключения кнопок или изменения стиля презентации и макетов слайдеров, таблиц и других презентаций, которые требовали JS для работы » правильно »и было бы бесполезно или непригодно для использования без JS для анимации или обработки взаимодействий.

Кроме того, вы не можете напрямую обнаружить с помощью javascript, если javascript "отключен" ... только если он "включен", путем выполнения некоторого javascript, поэтому вы либо полагаетесь на <meta http-equiv = "refresh" content = "2;url=/url/to/no-js/content.html" />, либо на css для переключения стилей и если javascript запускается, чтобы переключиться в режим с поддержкой js.