location.host vs location.hostname และความเข้ากันได้ข้ามเบราว์เซอร์?

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

เราต้องการแสดงคำเตือนสไตล์ 'แถบด้านบน' ของ js ขนาดเล็กหากพวกเขาเข้าถึงโดเมนโดยใช้เว็บพร็อกซีบางประเภท (เนื่องจากมีแนวโน้มที่จะทำลาย js)

เรากำลังคิดที่จะใช้สิ่งต่อไปนี้:

var r = /.*domain\.com$/;
if (r.test(location.hostname)) {
    // showMessage ...
}

นั่นจะดูแลโดเมนย่อยที่เราเคยใช้

เราควรใช้ชื่อโฮสต์หรือชื่อโฮสต์ใด

ใน Firefox 5 และ Chrome 12:

console.log(location.host);
console.log(location.hostname);

.. แสดงเหมือนกันสำหรับทั้งคู่

นั่นเป็นเพราะพอร์ตไม่ได้อยู่ในแถบที่อยู่จริงหรือ

W3Schoolsกล่าวว่าโฮสต์มีพอร์ต

ควรมีการตรวจสอบความถูกต้อง location.host/hostname หรือไม่หรือเราจะค่อนข้างมั่นใจใน IE6 + และคนอื่น ๆ ทั้งหมดจะมีอยู่หรือไม่

ในฐานะที่เป็นบันทึกเล็ก ๆ น้อย ๆ : กายวิภาคเชื่อมโยงแบบโต้ตอบ

-

ในระยะสั้น (สมมติว่าเป็นที่ตั้งของhttp://example.org:8888/foo/bar#bang):

• hostname ให้คุณ example.org
• host ให้คุณ example.org:8888

โฮสต์จะรวมหมายเลขพอร์ตหากมีการระบุไว้ หากไม่มีหมายเลขพอร์ตเฉพาะใน URL แสดงว่าเป็นชื่อโฮสต์ คุณเลือกได้ว่าคุณต้องการจับคู่หมายเลขพอร์ตหรือไม่ ดูhttps://developer.mozilla.org/en/window.locationสำหรับข้อมูลเพิ่มเติม

ฉันจะสมมติว่าคุณต้องการชื่อโฮสต์ที่จะได้รับชื่อเว็บไซต์

หากคุณยืนยันที่จะใช้window.location.origin คุณสามารถใส่รหัสนี้ไว้ด้านบนของรหัสของคุณก่อนที่จะอ่านorigin

if (!window.location.origin) {
  window.location.origin = window.location.protocol + "//" + window.location.hostname + (window.location.port ? ':' + window.location.port: '');
}

สารละลาย

PS: สำหรับบันทึกมันเป็นคำถามเดิมจริง ๆ ได้รับการแก้ไขแล้ว :)

คำถามหลักของคุณได้รับคำตอบข้างต้น ฉันแค่อยากจะชี้ให้เห็นว่า regex ที่คุณใช้มีข้อบกพร่อง มันจะประสบความสำเร็จfoo-domain.comซึ่งไม่ใช่โดเมนย่อยของdomain.com

สิ่งที่คุณต้องการคือ:

/(^|\.)domain\.com$/

MDN: https://developer.mozilla.org/en/DOM/window.location

ดูเหมือนว่าคุณจะได้รับผลลัพธ์เดียวกันทั้งคู่ แต่hostnameมีชื่อโฮสต์ที่ชัดเจนโดยไม่ต้องใส่เครื่องหมายวงเล็บหรือหมายเลขพอร์ต

เพียงเพิ่มบันทึกย่อที่เบราว์เซอร์ Google Chrome มีแอตทริบิวต์ต้นกำเนิดสำหรับตำแหน่ง ซึ่งให้ทั้งโดเมนจากโปรโตคอลไปยังหมายเลขพอร์ตตามที่แสดงในภาพหน้าจอด้านล่าง