👉 วันนี้แอดจะพาเพื่อน ๆ มารู้จักกับอีก 1 ช่องโหว่ในโลกอินเทอร์เน็ต นั่นก็คือ... HTML Injection นั่นเอง !!
.
มันคืออะไร และมีรายละเอียดยังไง มาติดตามกันได้เลยจ้าาาา 🥰
.
👨💻 HTML Injection - เป็นช่องโหว่ด้านความปลอดภัยที่อนุญาตให้ผู้โจมตีใส่โค้ด HTML ลงในหน้าเว็บของเรา ซึ่งแท็กที่ถูกแทรกลงไปใหม่อาจจะเป็นแค่แท็กที่ใช้แสดงข้อความอันตราย หรือบางทีก็อาจจะเป็นการเปลี่ยนแปลงหน้าเว็บของเราไปทั้งหมดนั่นเอง
.
ซึ่งไอเจ้า HTML Injection เนี่ยมันจะสร้างความเสียหายให้กับข้อมูลบนหน้าเว็บของเรา บางทีอาจจะถึงขั้นร้ายแรงอย่างการขโมยข้อมูลที่สำคัญได้เลยนะ
.
📑 ตัวอย่างการทำ HTML Injection
.
ผู้โจมตีจะอาจตรวจพบ Website ที่เสี่ยง จากนั้นผู้โจมตีจะส่ง URL ที่มีโค้ดอันตรายไปยังผู้ใช้ที่เป็นเหยื่อผ่านอีเมล หรืออื่น ๆ หากผู้ใช้ที่เป็นเหยื่อคลิก URL ที่เป็นอันตรายนี้ ระบบจะเรียกใช้โค้ด JavaScript ด้วยสิทธิ์ของผู้ใช้ที่เป็นเหยื่อ ซึ่งมันสามารถขโมยข้อมูลสำคัญของผู้ใช้ไปได้อย่างง่ายดายนั่นเอง หรือบางทีอาจจะโจมตีโดยทำการเปลี่ยนแปลงข้อมูลบนหน้าเว็บ ทำให้เกิดความเสียหายบนหน้าเว็บได้นั่นเอง เอ๋? เหมือนเว็บดังที่โดนแฮกไปเมื่อเร็ว ๆ นี้เลยนะเนี่ยยย !!
.
🌟 ประเภทของ HTML Injection
แบ่งเป็น 2 ประเภท คือ
🔹 Stored HTML Injection - จะเกิดขึ้นเมื่อโค้ด HTML ที่เป็นอันตรายถูกบันทึกไว้ในเว็บเซิร์ฟเวอร์และถูกดำเนินการทุกครั้งที่ผู้ใช้เรียกใช้ฟังก์ชัน
.
🔹 Reflected HTML Injection - เกิดขึ้นเมื่อมีการโจมตีผ่านการใช้ Methods HTTP เช่น GET หรือ POST หรืออาจจะเป็นการโจมตีผ่านการเปลี่ยน URL ที่สำคัญบนหน้าเว็บ ทำให้เมื่อผู้ใช้คลิกไปแล้วจะเข้าสู่เว็บไซต์ที่เป็นอันตรายนั่นเอง
.
🌈 วิธีป้องกัน HTML Injection
🔸 เช็คความถูกต้องของการป้อนข้อมูลจากผู้ใช้ โดยการตรวจสอบ Length, Type, Format และ Data Range ว่ามันตรงกับที่เราระบุไว้หรือไม่
🔸 ต้องทำการเข้ารหัสข้อมูล Input จากผู้ใช้ เพื่อความปลอดภัยของข้อมูล
🔸 ตรวจสอบแท็ก และอื่น ๆ
.
หากเพื่อน ๆ สนใจศึกษาช่องโหว่อื่น ๆ สามารถเข้าไปอ่านเรื่อง OWASP ได้ในลิงค์ด้านล่างเลยจ้า
💥 OAWSP >> https://www.facebook.com/borntodev/posts/4185277734863821
.
borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
同時也有10000部Youtube影片,追蹤數超過2,910的網紅コバにゃんチャンネル,也在其Youtube影片中提到,...
「javascript format」的推薦目錄:
- 關於javascript format 在 BorntoDev Facebook 的最佳解答
- 關於javascript format 在 BorntoDev Facebook 的最佳解答
- 關於javascript format 在 BorntoDev Facebook 的最佳貼文
- 關於javascript format 在 コバにゃんチャンネル Youtube 的最佳解答
- 關於javascript format 在 大象中醫 Youtube 的最佳解答
- 關於javascript format 在 大象中醫 Youtube 的最佳貼文
- 關於javascript format 在 JavaScript equivalent to printf/String.Format - Stack Overflow 的評價
- 關於javascript format 在 Lightweight & Fast JavaScript Number Formatter - GitHub 的評價
- 關於javascript format 在 JavaScript Question: How do I Format Numbers? - YouTube 的評價
- 關於javascript format 在 Luxon 2.x 的評價
javascript format 在 BorntoDev Facebook 的最佳解答
🔥 เดือนแรก เขาเริ่มด้วยเลข 0 กัน ใครเขาใช้เลข 1 เป็นเดือนแรกกันล่ะ!! JavaScript กล่าว...
.
และมาถึงสาระประจำมีม...
.
รู้ไหมว่า 💡 การกำหนด Date ใน JavaScript นั้น จะไม่เหมือนชาวบ้านชาวช่องเขากันสักเท่าไร ถือว่าเป็นเสน่ห์ของ JS เลยก็ว่าได้ (หรอ ?)
.
🌈 ตัว Month สำหรับ JS นั้นจะต้องเริ่มต้นเดือนแรกด้วย 0 ไม่ใช่ 1 นั่นก็คือ
เดือน มกราคม สำหรับ JS คือเลข 0
ต่อมาคือ เดือน กุมภาพันธ์ สำหรับ JS คือเลข 1 และเพิ่มไปเรื่อย ๆ จนครบ 12 เดือนนั่นเอง !!
.
ซึ่ง Format ในมีมคือ Date(year, month, day, hour, minutes, seconds, milliseconds)
.
borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
javascript format 在 BorntoDev Facebook 的最佳貼文
🔥 สวัสดีจ้า วันนี้แอดจะมาบอกต่อ 5 ฟีเจอร์เด็ดๆ ของ Javascript Console ที่จะช่วยให้เราสามารถ print log ได้สะดวกมากยิ่งขึ้น มีตัวไหนบ้างไปดูกันเลย
.
⚡ 1) Console Groups - จะทำการ log ค่าออกมาในรูปแบบ Group จะทำให้ดูได้ง่ายมากยิ่งขึ้น
.
📝 วิธีการใช้งาน - เปิดด้วย console.group() และปิดด้วย console.groupEnd(); เช่น
.
console.group("Person Data");
console.log("Name: BorntoDev");
console.log("Age: 4");
console.groupEnd();
console.log("Outside of the group...");
.
⚡ 2) Live Expressions - เป็นฟีเจอร์ของ Google Chrome ที่จะช่วยแสดงผลลัพธ์จากโค้ด JavaScript แบบเรียลไทม์ได้เลย
.
⚡ 3) Timing Your Code - ใช้เพื่อจับเวลาในการทำงานของโค้ด
.
📝 วิธีการใช้งาน - เปิดด้วย console.time() และปิดด้วย console.timeEnd() เช่น
.
console.time("addHeadings");
for (let i = 0; i < 10000; i++) {
document.body.insertAdjacentHTML("beforeend", "
Heading
");}
console.timeEnd("addHeadings");
.
⚡ 4) Styling with CSS - สามารถใส่ CSS Style เวลา print log ออกมาได้เลย เฟี้ยวมาก555
.
📝 วิธีการใช้งาน - โดยจะใช้ร่วมกับ console.log() ใช้ %c ข้างหน้าข้อความที่ต้องการให้แสดง CSS เช่น
.
console.log("I am programer in %cborn to dev co., Ltd.", "color: yellow; font-weight: bold;");
.
⚡ 5) Assertions - ใช้ในการ Debug โค้ดของเราเขียนว่าสามารถทำงานได้ตามจุดประสงค์หรือไม่ ซึ่งจะ return ที่เป็น false เท่านั้น
.
📝 วิธีการใช้งาน - format console.assert(assertion, obj1 [, obj2, ..., objN]); เช่น
.
console.assert(true === true);
console.assert(true === false,"false");
.
จบแล้วกับ 5 ฟีเจอร์เด็ดที่แอดรวบรวมมาให้ ไหนใครลองไปใช้แล้วบ้าง ? หรือมีตัวไหนเด็ดๆนอกจาก 5 อันนี้ ไว้มาบอกต่อกันบ้างนะคร้าบบ 😄
.
borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
javascript format 在 コバにゃんチャンネル Youtube 的最佳解答
javascript format 在 大象中醫 Youtube 的最佳解答
javascript format 在 大象中醫 Youtube 的最佳貼文
javascript format 在 Lightweight & Fast JavaScript Number Formatter - GitHub 的推薦與評價
Lightweight & Fast JavaScript Number Formatter. Contribute to Mottie/javascript-number-formatter development by creating an account on GitHub. ... <看更多>
javascript format 在 JavaScript Question: How do I Format Numbers? - YouTube 的推薦與評價
When you need to display numerical information, you may need to format those numbers in different ways. In ... ... <看更多>
javascript format 在 JavaScript equivalent to printf/String.Format - Stack Overflow 的推薦與評價
... <看更多>
相關內容