🍋
Menu
Web

CSP

Content Security Policy

CSP (Content Security Policy) คือกลไกความปลอดภัยที่ช่วยป้องกันการโจมตีแบบ Cross-Site Scripting (XSS) และการแทรกเนื้อหาที่เป็นอันตราย โดยกำหนดว่าทรัพยากรใดบ้างที่หน้าเว็บได้รับอนุญาตให้โหลดและเรียกใช้

รายละเอียดทางเทคนิค

CSP ถูกส่งผ่าน HTTP header Content-Security-Policy หรือ tag คำสั่งหลัก: default-src (ค่าเริ่มต้น), script-src (JavaScript), style-src (CSS), img-src (รูปภาพ), connect-src (XHR/fetch), font-src (ฟอนต์) ค่าที่ใช้ได้: self (โดเมนเดียวกัน), none (ห้ามทั้งหมด), โดเมนเฉพาะ, nonce-{random}, sha256-{hash} โหมด report-only ช่วยทดสอบนโยบายโดยไม่บังคับใช้

ตัวอย่าง

```javascript
// CSP: web API example
const response = await fetch('/api/resource');
const data = await response.json();
console.log(data);
```

เครื่องมือที่เกี่ยวข้อง

คำศัพท์ที่เกี่ยวข้อง