จะตรวจสอบได้อย่างไรว่า JavaScript ถูกปิดการใช้งาน?

เช้านี้มีโพสต์ถามว่ามีคนปิดการใช้งานจาวา จากนั้นฉันก็เริ่มสงสัยว่าอาจใช้เทคนิคใดในการพิจารณาว่าผู้ใช้ปิดใช้งานหรือไม่

ไม่มีใครรู้วิธีสั้น ๆ / ง่ายๆในการตรวจสอบว่า JavaScript ถูกปิดการใช้งานหรือไม่ ฉันตั้งใจจะให้คำเตือนว่าไซต์นั้นไม่สามารถทำงานได้อย่างถูกต้องหากไม่มีเบราว์เซอร์ที่เปิดใช้งาน JS

ในที่สุดฉันก็ต้องการที่จะเปลี่ยนเส้นทางพวกเขาไปยังเนื้อหาที่สามารถทำงานได้ในกรณีที่ไม่มี JS แต่ฉันต้องการการตรวจจับนี้เป็นตัวยึดเริ่มต้น

ฉันคิดว่าคุณกำลังพยายามตัดสินใจว่าจะส่งเนื้อหาที่ปรับปรุงด้วย JavaScript หรือไม่ การใช้งานที่ดีที่สุดลดลงอย่างหมดจดเพื่อให้เว็บไซต์ยังคงทำงานได้โดยไม่ต้องใช้ JavaScript ฉันยังสมมติว่าคุณหมายถึงการตรวจจับฝั่งเซิร์ฟเวอร์แทนที่จะใช้<noscript>องค์ประกอบด้วยเหตุผลที่ไม่สามารถอธิบายได้

ไม่มีวิธีที่ดีในการตรวจจับ JavaScript ฝั่งเซิร์ฟเวอร์ อีกวิธีหนึ่งคือการตั้งค่าคุกกี้โดยใช้ JavaScriptและทดสอบคุกกี้นั้นโดยใช้สคริปต์ฝั่งเซิร์ฟเวอร์เมื่อมีการดูหน้าเว็บครั้งต่อไป อย่างไรก็ตามการทำเช่นนี้จะไม่เหมาะสำหรับการตัดสินใจว่าจะส่งเนื้อหาใดเนื่องจากไม่สามารถแยกแยะผู้เข้าชมได้หากไม่มีคุกกี้จากผู้เข้าชมใหม่หรือผู้เข้าชมที่กำลังบล็อกคุกกี้

ฉันต้องการเพิ่ม. 02 ของฉันที่นี่ มันไม่ได้เป็นกระสุน 100% แต่ฉันคิดว่ามันดีพอ

ปัญหาสำหรับฉันด้วยตัวอย่างที่ต้องการในการจัดเรียงข้อความ "ไซต์นี้ทำงานได้ไม่ดีหากไม่มี Javascript" ก็คือคุณต้องตรวจสอบให้แน่ใจว่าเว็บไซต์ของคุณทำงานได้ดีโดยไม่ใช้ Javascript และเมื่อคุณเริ่มต้นบนถนนสายนั้นจากนั้นคุณเริ่มตระหนักว่าไซต์ควรกันกระสุนด้วยการปิด JS และนั่นเป็นงานใหญ่ชิ้นหนึ่ง

ดังนั้นสิ่งที่คุณต้องการจริงๆคือ "การเปลี่ยนเส้นทาง" ไปยังหน้าที่ระบุว่า "เปิดใช้งาน JS, silly" แต่แน่นอนคุณไม่สามารถเปลี่ยนเมตาได้อย่างน่าเชื่อถือ ดังนั้นนี่คือข้อเสนอแนะ:

<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" a CSS ภายในแท็ก noscript จะซ่อนเนื้อหาของหน้าทั้งหมดของคุณและแสดงข้อความ "no JS" ที่คุณต้องการแสดงแทน นี่คือสิ่งที่ Gmail ดูเหมือนจะทำ ... และถ้ามันดีพอสำหรับ Google มันก็ดีสำหรับเว็บไซต์เล็ก ๆ ของฉัน

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 / non-JS หรือพยายามตั้งค่าคุกกี้ผ่าน JS โดยที่ไม่มีนัยถึง JS ถูกปิดใช้งาน. ตัวอย่างเหล่านี้ทั้งสองมีความสำคัญและเปิดรับการจัดการ แต่คุณจะได้รับแนวคิด

หากคุณต้องการแนวคิดเชิงสถิติอย่างหมดจดเกี่ยวกับจำนวนผู้ใช้ของคุณที่ปิดใช้งานจาวาสคริปต์คุณสามารถทำสิ่งต่อไปนี้:

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

จากนั้นตรวจสอบบันทึกการเข้าถึงของคุณเพื่อดูว่าภาพนี้ถูกโจมตีกี่ครั้ง วิธีการแก้ปัญหาที่หยาบเล็กน้อย แต่จะให้เปอร์เซ็นต์ความคิดที่ดีสำหรับฐานผู้ใช้ของคุณ

วิธีการข้างต้น (การติดตามรูปภาพ) จะใช้งานไม่ได้กับเบราว์เซอร์แบบข้อความเท่านั้นหรือที่ไม่รองรับ js เลยดังนั้นหากฐานผู้ใช้ของคุณเหวี่ยงไปทางด้านนั้นเป็นหลักนี่อาจไม่ใช่วิธีที่ดีที่สุด

นี่คือสิ่งที่ได้ผลสำหรับฉัน: มันเปลี่ยนเส้นทางผู้เข้าชมหากปิดการใช้งานจาวาสคริปต์

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

หากกรณีการใช้งานของคุณคือคุณมีแบบฟอร์ม (เช่นแบบฟอร์มเข้าสู่ระบบ) และสคริปต์ฝั่งเซิร์ฟเวอร์ของคุณจำเป็นต้องทราบว่าผู้ใช้เปิดใช้งาน 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!

ฉันขอแนะนำให้คุณใช้วิธีอื่นโดยเขียน JavaScript ที่ไม่เป็นการรบกวน

ทำให้คุณสมบัติของโครงการของคุณใช้งานได้กับผู้ใช้ที่ปิดใช้งาน JavaScript และเมื่อคุณทำเสร็จแล้วให้ใช้การปรับปรุง UI UI ของคุณ

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

<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! ถ้ามันใช้งานได้มันเปิดใช้งานถ้าไม่แสดงว่าไม่ใช่ ...

ใช้คลาส. no-js บนเนื้อความและสร้างสไตล์จาวาสคริปต์ที่ไม่ใช่โดยยึดตามคลาสแม่. no-js หากปิดการใช้งานจาวาสคริปต์คุณจะได้รับรูปแบบที่ไม่ใช่จาวาสคริปต์ทั้งหมดหากมี JS รองรับคลาส. no-js จะถูกแทนที่โดยให้สไตล์ทั้งหมดตามปกติ

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

เคล็ดลับที่ใช้ใน HTML5 boilerplate http://html5boilerplate.com/ผ่านทาง modernizr แต่คุณสามารถใช้จาวาสคริปต์หนึ่งบรรทัดเพื่อแทนที่คลาส

แท็ก noscript ไม่เป็นไร แต่ทำไมมีสิ่งพิเศษใน html ของคุณเมื่อสามารถทำได้ด้วย css

ค่อนข้างยาก แต่ (ผมให้ความคิดแก่ฉัน)

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?

คุณสามารถใช้ข้อมูลโค้ด JS แบบง่ายเพื่อกำหนดค่าของฟิลด์ที่ซ่อนอยู่ เมื่อโพสต์กลับคุณรู้ว่า JS ถูกเปิดใช้งานหรือไม่

หรือคุณสามารถลองเปิดหน้าต่างป๊อปอัปที่คุณปิดอย่างรวดเร็ว (แต่อาจปรากฏให้เห็น)

นอกจากนี้คุณยังมีแท็ก NOSCRIPT ที่คุณสามารถใช้เพื่อแสดงข้อความสำหรับเบราว์เซอร์ที่ปิดใช้งาน JS

คุณจะต้องดูที่แท็ก 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>

แท็ก noscript ทำงานได้ดี แต่จะต้องการการร้องขอหน้าเพิ่มเติมแต่ละครั้งเพื่อให้บริการไฟล์ JS ที่ไม่มีประโยชน์เนื่องจาก noscript เป็นการตรวจสอบฝั่งไคลเอ็นต์

คุณสามารถตั้งค่าคุกกี้ด้วย JS แต่เมื่อมีคนอื่นชี้ให้เห็นสิ่งนี้อาจล้มเหลว เป็นการดีที่คุณต้องการตรวจสอบฝั่งไคลเอ็นต์ JS และโดยไม่ใช้คุกกี้ให้ตั้งค่าฝั่งเซิร์ฟเวอร์เซสชันสำหรับผู้ใช้ที่ระบุว่าเปิดใช้งาน JS แล้ว

ความเป็นไปได้คือการเพิ่มภาพ 1x1 แบบไดนามิกโดยใช้ JavaScript โดยที่แอตทริบิวต์ src เป็นสคริปต์ฝั่งเซิร์ฟเวอร์ สคริปต์นี้ทั้งหมดจะถูกบันทึกลงในเซสชันผู้ใช้ปัจจุบันที่เปิดใช้งาน JS ($ _SESSION ['js_enabled']) จากนั้นคุณสามารถส่งภาพเปล่า 1x1 กลับไปที่เบราว์เซอร์ สคริปต์จะไม่ทำงานสำหรับผู้ใช้ที่ปิดใช้งาน JS ดังนั้นจะไม่มีการตั้งค่า $ _SESSION ['js_enabled'] จากนั้นสำหรับหน้าเพิ่มเติมที่ให้บริการแก่ผู้ใช้รายนี้คุณสามารถตัดสินใจว่าจะรวมไฟล์ JS ภายนอกทั้งหมดของคุณหรือไม่ แต่คุณต้องการรวมการตรวจสอบอยู่เสมอเนื่องจากผู้ใช้ของคุณบางคนอาจใช้ Add-on NoScript Firefox หรือมี JS ปิดใช้งานชั่วคราวด้วยเหตุผลอื่น

คุณอาจต้องการรวมการตรวจสอบนี้ไว้ใกล้กับส่วนท้ายของหน้าเพื่อให้คำขอ HTTP เพิ่มเติมไม่ทำให้การแสดงผลหน้าเว็บของคุณช้าลง

เพิ่มสิ่งนี้ไปยังแท็ก 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>

ขอบคุณเจย์

เพราะฉันต้องการให้สิ่งที่คุ้มค่าแก่การดูเบราว์เซอร์ฉันมักจะใช้เคล็ดลับนี้:

ขั้นแรกส่วนใด ๆ ของหน้าเว็บที่ต้องการ JavaScript เพื่อให้ทำงานได้อย่างถูกต้อง (รวมถึงองค์ประกอบ HTML แบบพาสซีฟที่ได้รับการแก้ไขผ่านการเรียกใช้ getElementById เป็นต้น) ได้รับการออกแบบมาให้สามารถใช้งานได้ (ออกแบบราวกับว่ามันไม่ได้มี)

องค์ประกอบใด ๆ ที่จะต้องใช้ JavaScript ฉันวางไว้ภายในแท็กบางอย่างเช่น:

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

จากนั้นที่จุดเริ่มต้นของเอกสารของฉันฉันใช้.onloadหรือdocument.readyภายในวงของgetElementsByName('jsOnly')การตั้งค่าการ.style.display = "";เปิดใช้งานองค์ประกอบที่ขึ้นกับ JS อีกครั้ง ด้วยวิธีนี้เบราว์เซอร์ที่ไม่ใช่ JS ไม่จำเป็นต้องเห็นส่วนที่ขึ้นกับ JS ของไซต์และหากมีก็จะปรากฏขึ้นทันทีเมื่อพร้อม

เมื่อคุณคุ้นเคยกับวิธีการนี้แล้วมันค่อนข้างง่ายที่จะไฮบริดโค้ดของคุณเพื่อจัดการกับทั้งสองสถานการณ์แม้ว่าตอนนี้ฉันกำลังทดลองกับnoscriptแท็กและคาดว่ามันจะมีข้อได้เปรียบเพิ่มเติม

นี่คือรหัสโซลูชันที่ "สะอาด" ใช้:

<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 เพื่อรีเฟรชหน้าเว็บและแจ้งเตือนเซิร์ฟเวอร์เมื่อปิดการใช้งาน 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 ถูกปิดใช้งาน จากนั้นสามารถส่งรุ่นพิเศษที่ไม่ใช่จาวาสคริปต์ของเว็บไซต์ไปยังไคลเอนต์

หากปิดการใช้งานจาวาสคริปต์รหัสฝั่งไคลเอ็นต์ของคุณจะไม่ทำงานดังนั้นฉันถือว่าคุณหมายความว่าคุณต้องการให้ข้อมูลนั้นอยู่ในฝั่งเซิร์ฟเวอร์ ในกรณีนี้noscriptมีประโยชน์น้อยกว่า แต่ฉันมีอินพุตที่ซ่อนอยู่และใช้จาวาสคริปต์เพื่อเติมค่า หลังจากคำขอหรือ postback ครั้งต่อไปของคุณหากมีค่าคุณจะทราบว่ามีการเปิดใช้งาน JavaScript

ระวังสิ่งต่าง ๆ เช่น noscript เมื่อคำขอแรกอาจแสดงว่าปิดใช้งานจาวาสคริปต์ แต่คำขอในอนาคตจะเปิดใช้งาน

ตัวอย่างเช่นคุณอาจใช้บางสิ่งบางอย่างเช่น document.location = 'java_page.html' เพื่อเปลี่ยนเส้นทางเบราว์เซอร์ไปยังหน้าใหม่ซึ่งเป็นสคริปต์ที่รับภาระ ความล้มเหลวในการเปลี่ยนเส้นทางแสดงว่า JavaScript ไม่พร้อมใช้งานซึ่งในกรณีนี้คุณสามารถใช้ CGI ro utines หรือใส่รหัสที่เหมาะสมระหว่างแท็ก (หมายเหตุ: NOSCRIPT ใช้ได้เฉพาะใน Netscape Navigator 3.0 ขึ้นไป)

เครดิต http://www.intranetjournal.com/faqs/jsfaq/how12.html

เทคนิคที่ฉันเคยใช้ในอดีตคือการใช้จาวาสคริปต์ในการเขียนคุกกี้เซสชั่นที่ทำหน้าที่เป็นธงเพื่อบอกว่าเปิดใช้งาน JavaScript แล้ว จากนั้นโค้ดฝั่งเซิร์ฟเวอร์จะค้นหาคุกกี้นี้และหากไม่พบจะดำเนินการตามความเหมาะสม แน่นอนว่าเทคนิคนี้ใช้คุกกี้ที่เปิดใช้งาน!

ฉันคิดว่าคุณสามารถแทรกแท็กรูปภาพลงในแท็ก noscript และดูสถิติได้ว่าเว็บไซต์ของคุณมีกี่ครั้งและโหลดรูปภาพนี้บ่อยแค่ไหน

ผู้คนได้โพสต์ตัวอย่างที่เป็นตัวเลือกที่ดีสำหรับการตรวจจับ แต่ขึ้นอยู่กับความต้องการของคุณ "ให้คำเตือนว่าไซต์ไม่สามารถทำงานได้อย่างถูกต้องหากไม่มีเบราว์เซอร์ที่เปิดใช้งาน JS" โดยทั่วไปคุณจะเพิ่มองค์ประกอบที่ปรากฏบนหน้าเว็บเช่น 'ป๊อปอัป' ใน Stack Overflow เมื่อคุณได้รับป้ายพร้อมข้อความที่เหมาะสมจากนั้นลบออกด้วย Javascript บางตัวที่ทำงานทันทีที่โหลดหน้าเว็บ ( และฉันหมายถึง DOM ไม่ใช่ทั้งหน้า)

ตรวจพบในอะไร JavaScript? นั่นคงเป็นไปไม่ได้ หากคุณต้องการใช้สำหรับการบันทึกคุณสามารถใช้รูปแบบการติดตามบางประเภทโดยที่แต่ละหน้ามี JavaScript ที่จะทำการร้องขอสำหรับทรัพยากรพิเศษ (อาจจะเล็กgifหรือคล้ายกัน) ด้วยวิธีนี้คุณสามารถรับความแตกต่างระหว่างคำขอหน้าที่ไม่ซ้ำกันและคำขอสำหรับไฟล์ติดตามของคุณ

ทำไมคุณไม่ใส่ hijacked onClick () ตัวจัดการเหตุการณ์ที่จะเริ่มทำงานเมื่อเปิดใช้งาน JS และใช้สิ่งนี้ต่อท้ายพารามิเตอร์ (js = true) ไปยัง URL ที่คลิก / เลือก (คุณยังสามารถตรวจจับรายการดรอปดาวน์ได้ และเปลี่ยนค่าของการเพิ่มเขตข้อมูลฟอร์มที่ซ่อนอยู่) ดังนั้นตอนนี้เมื่อเซิร์ฟเวอร์เห็นพารามิเตอร์นี้ (js = true) ก็รู้ว่า JS เปิดใช้งานแล้วทำเซิร์ฟเวอร์ตรรกะของคุณแฟนซี
ข้อเสียคือนี่เป็นครั้งแรกที่ผู้ใช้มาที่ไซต์ของคุณบุ๊กมาร์ก URL เครื่องมือค้นหาที่สร้าง URL คุณจะต้องตรวจสอบว่านี่เป็นผู้ใช้ใหม่ดังนั้นอย่ามองหา NVP ต่อท้าย URL และเซิร์ฟเวอร์จะต้องรอการคลิกครั้งต่อไปเพื่อตรวจสอบว่าผู้ใช้นั้นเปิดใช้งาน / ปิดใช้งาน JS หรือไม่ นอกจากนี้ข้อเสียอีกอย่างคือ URL จะจบลงที่ URL ของเบราว์เซอร์และหากผู้ใช้นี้คั่นหน้า URL นี้ไว้จะมี js = true NVP แม้ว่าผู้ใช้จะไม่ได้เปิดใช้งาน JS แม้ว่าจะคลิกเซิร์ฟเวอร์ครั้งต่อไปก็ตาม ควรรู้ว่าผู้ใช้ยังเปิดใช้งาน JS อยู่หรือไม่ เฮ้อ .. นี่มันสนุก ...

เพื่อบังคับให้ผู้ใช้เปิดใช้งาน JavaScript ฉันตั้งค่าคุณลักษณะ 'href' ของแต่ละลิงก์ไปยังเอกสารเดียวกันซึ่งแจ้งให้ผู้ใช้เปิดใช้งาน JavaScript หรือดาวน์โหลด Firefox (หากพวกเขาไม่รู้วิธีเปิดใช้งาน JavaScript) ฉันเก็บ url ของลิงก์จริงไปยังแอตทริบิวต์ 'name' ของลิงก์และกำหนดเหตุการณ์ onclick ทั่วโลกที่อ่านแอตทริบิวต์ 'name' และเปลี่ยนเส้นทางหน้าเว็บนั้น

สิ่งนี้ทำงานได้ดีสำหรับฐานผู้ใช้ของฉัน

คุณไม่ตรวจพบว่าผู้ใช้ปิดการใช้งานจาวาสคริปต์ (ฝั่งเซิร์ฟเวอร์หรือลูกค้า) แต่คุณคิดว่า javascript ถูกปิดใช้งานและสร้างหน้าเว็บของคุณโดยที่ปิดการใช้งาน javascript นี่เป็นสิ่งจำเป็นสำหรับ obviates noscriptซึ่งคุณควรหลีกเลี่ยงการใช้เพราะมันใช้งานไม่ได้และไม่จำเป็น

ตัวอย่างเช่นเพียงสร้างเว็บไซต์ของคุณเพื่อพูด <div id="nojs">This website doesn't work without JS</div>

จากนั้นสคริปต์ของคุณจะทำdocument.getElementById('nojs').style.display = 'none';และดำเนินธุรกิจ JS ตามปกติ

ตรวจสอบคุกกี้โดยใช้โซลูชันฝั่งเซิร์ฟเวอร์ที่ฉันแนะนำไว้ที่นี่จากนั้นตรวจสอบจาวาสคริปต์โดยวางคุกกี้โดยใช้ Jquery.Cookie แล้วตรวจสอบคุกกี้ด้วยวิธีนี้คุณตรวจสอบทั้งคุกกี้และจาวาสคริปต์

ในบางกรณีการทำย้อนกลับอาจเพียงพอ เพิ่มคลาสโดยใช้ javascript:

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

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

สิ่งนี้สามารถสร้างปัญหาการบำรุงรักษาในสิ่งที่ซับซ้อนได้ แต่เป็นการแก้ไขง่ายๆสำหรับบางสิ่ง แทนที่จะพยายามตรวจจับเมื่อไม่ได้โหลดเพียงแค่จัดรูปแบบตามเวลาที่โหลด

ฉันต้องการเพิ่มโซลูชันของฉันเพื่อรับสถิติที่เชื่อถือได้เกี่ยวกับจำนวนผู้ใช้จริงที่เข้าชมไซต์ของฉันโดยที่ปิดการใช้งานจาวาสคริปต์ในจำนวนผู้ใช้ทั้งหมด การตรวจสอบจะทำเพียงครั้งเดียวต่อเซสชันที่มีประโยชน์เหล่านี้:

• ผู้ใช้ที่เข้าชม 100 หน้าหรือเพียง 1 รายการจะถูกนับ 1 หน้า สิ่งนี้ทำให้สามารถมุ่งเน้นที่ผู้ใช้คนเดียวไม่ใช่หน้าเว็บ
• ไม่ทำลายโฟลว์ของหน้าโครงสร้างหรือความหมายในอีกต่อไป
• สามารถบันทึกตัวแทนผู้ใช้ อนุญาตให้ยกเว้นบ็อตจากสถิติเช่น google bot และ bing bot ซึ่งโดยปกติจะปิดใช้งาน 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 ID และตั้งชื่อ #jsDis
2. ใช้คุณสมบัติ "เนื้อหา" เพื่อสร้างข้อความหลังองค์ประกอบ BODY (คุณสามารถจัดรูปแบบตามที่คุณต้องการ)
3 สร้างกฎ css ID ที่ 2 และตั้งชื่อ #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 องค์ประกอบด้วย ID ของ #jsDis
2. เพิ่มเหตุการณ์ onLoad ด้วยชื่อฟังก์ชัน (JSON ())

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

เนื่องจากแท็ก BODY ได้รับรหัสของ #jsDis:
- หากเปิดใช้งาน Javascript จึงจะเปลี่ยนแอตทริบิวต์ของแท็ก BODY ด้วยตนเอง
- หาก Javascript ถูกปิดการใช้งานก็จะแสดงข้อความ 'เนื้อหา: css'

คุณสามารถเล่นกับ #wrapper container หรือ DIV ใด ๆ ที่ใช้ JS

หวังว่านี่จะช่วยให้ได้แนวคิด

การเพิ่มการรีเฟรชในเมตาภายใน noscript ไม่ใช่ความคิดที่ดี

1. เนื่องจากแท็ก noscript ไม่สอดคล้องกับ XHTML

2. ค่าแอตทริบิวต์ "Refresh" ไม่เป็นมาตรฐานและไม่ควรใช้ "รีเฟรช" จะควบคุมหน้าเว็บจากผู้ใช้ ใช้ "รีเฟรช" จะทำให้เกิดความล้มเหลวในของ W3C Web Content แนวทางการเข้าถึง --- โดยอ้างอิงhttp://www.w3schools.com/TAGS/att_meta_http_equiv.asp