Machen Sie Ihre Webseite sicher und CSP-konform
Professioneller Service zur Konvertierung Ihrer Webseite in Content Security Policy (CSP) konformen Code. Entfernen Sie Inline-Styles, Inline-Scripts und machen Sie Ihre Webseite sicher gegen XSS-Angriffe.
Ihre Webseite wird vollständig Content Security Policy konform umgewandelt. Keine Inline-Styles, keine Inline-Scripts, maximale Sicherheit.
Upload Ihrer HTML-Datei oder URL-Eingabe genĂĽgt. Unser Service analysiert und refactored Ihre Webseite automatisch.
Erhalten Sie einen detaillierten Report ĂĽber alle vorgenommenen Ă„nderungen und Empfehlungen fĂĽr weitere Optimierungen.
Refactored eine HTML-Datei oder URL zu CSP-konformem Code
Request:
POST https://refactoring.mytokenwallet.com/api/refactor
Content-Type: multipart/form-data
{
"source": "file" | "url",
"file": [HTML file] (wenn source=file),
"url": "https://example.com" (wenn source=url),
"options": {
"removeInlineStyles": true,
"removeInlineScripts": true,
"convertEventHandlers": true,
"generateNonces": false,
"minify": false
}
}Response:
{
"success": true,
"result": {
"html": "<!DOCTYPE html><html>...</html>",
"css": "/* Extracted styles */",
"js": "// Extracted scripts",
"violations": [
{
"type": "inline-style",
"line": 42,
"element": "div",
"fixed": true
}
],
"stats": {
"inlineStylesRemoved": 15,
"inlineScriptsRemoved": 3,
"eventHandlersConverted": 8
}
},
"downloadUrl": "https://refactoring.mytokenwallet.com/download/abc123"
}Download der refactored Dateien als ZIP
GET https://refactoring.mytokenwallet.com/api/download/abc123
Response: ZIP-Datei mit:
- index.html (refactored)
- styles.css (extracted styles)
- scripts.js (extracted scripts)
- report.json (detailed report)| Option | Typ | Default | Beschreibung |
|---|---|---|---|
removeInlineStyles |
boolean | true | Entfernt alle inline style-Attribute |
removeInlineScripts |
boolean | true | Entfernt alle inline <script>-Tags |
convertEventHandlers |
boolean | true | Konvertiert onclick etc. zu addEventListener() |
generateNonces |
boolean | false | Generiert nonces fĂĽr unvermeidbare Inlines |
minify |
boolean | false | Minify HTML, CSS und JS |
API-SchlĂĽssel erforderlich fĂĽr kommerzielle Nutzung:
POST https://refactoring.mytokenwallet.com/api/refactor
Authorization: Bearer YOUR_API_KEY
Content-Type: multipart/form-data
...Testen Sie unseren Service die ersten 6 Monate völlig kostenlos. Kein Abo erforderlich!
Danach: Pay-as-you-go - Nur 10.000 Satoshi je MB
Kosten berechnen<div style="color: red; font-size: 20px;">
<button onclick="alert('Test')">
Click me
</button>
</div>
<script>
function doSomething() {
console.log('Inline script');
}
</script>HTML:
<link rel="stylesheet" href="styles.css">
<div class="my-div">
<button id="myBtn">
Click me
</button>
</div>
<script src="scripts.js"></script>styles.css:
.my-div {
color: red;
font-size: 20px;
}scripts.js:
function doSomething() {
console.log('External script');
}
document.getElementById('myBtn')
.addEventListener('click', () => {
alert('Test');
});style Attribute → Externe CSS-Klassen<style> Tags → Externe CSS-Datei<script> Tags → Externe JS-Dateionclick, onload, etc.) → addEventListener()javascript: URLs → Event-Listenereval() und ähnliche unsichere Funktionen → Sichere AlternativenNach dem Refactoring können Sie folgenden CSP-Header verwenden:
Content-Security-Policy:
default-src 'self';
script-src 'self';
style-src 'self';
img-src 'self' data: https:;
font-src 'self';
connect-src 'self' https://api.mytokenwallet.com;
frame-ancestors 'none';
base-uri 'self';
form-action 'self'Der refactored Code funktioniert in allen modernen Browsern:
Kostenloser Support fĂĽr alle Nutzer
FĂĽr Basic, Pro und Enterprise Kunden
Enterprise-Lösungen und Beratung