{"id":59674,"date":"2026-10-19T13:21:14","date_gmt":"2026-10-19T11:21:14","guid":{"rendered":"https:\/\/notiz.blog\/?p=59674"},"modified":"2026-10-19T13:21:14","modified_gmt":"2026-10-19T11:21:14","slug":"xslt-js","status":"publish","type":"post","link":"https:\/\/notiz.blog\/2026\/10\/19\/xslt-js\/","title":{"rendered":"XSLT.js"},"content":{"rendered":"\n

Vor ein paar Tagen habe ich mich noch dar\u00fcber aufgeregt<\/a>, dass Browser k\u00fcnftig wohl kein XSLT mehr unterst\u00fctzen werden. Es mag sein, dass ich da vielleicht etwas zu hysterisch<\/s> voreilig war.<\/p>\n\n\n\n

@krinkle<\/a> hat mich in den Kommentaren auf einen Blogpost<\/a> und einen Pull Request<\/a> hingewiesen, die zeigen wie man mit JavaScript zu einem \u00e4hnlichen Resultat kommt. (Danke nochmal daf\u00fcr!)<\/p>\n\n\n\n

\n

If you just want to make some existing XSLT work in browsers that don’t support it, check out Mason’s XSLT polyfill<\/a>. But if you don’t need to use XSLT, JavaScript is, in my opinion, a better option.<\/p>\nMaking XML human-readable without XSLT<\/a><\/cite><\/blockquote>\n\n\n\n

Statt JavaScript zu verwenden, um XSLT \u00fcber WebAssembly clientseitig auszuf\u00fchren, k\u00f6nnte man JavaScript auch direkt nutzen, um das XML zu transformieren.<\/p>\n\n\n\n

H\u00e4tte man auch gleich drauf kommen k\u00f6nnen!<\/p>\n\n\n\n

Ich hab mir also mal einen Abend Zeit genommen und das OPML<\/a> f\u00fcr das SocialSpec Plugin<\/a> (mehr dazu bald) von XSLT auf JavaScript umgezogen.<\/p>\n\n\n\n

\"Screenshot<\/picture><\/figure>\n\n\n\n

Man bindet „einfach“ ein script<\/code>-Element mit dem XHTML-Namespace in die XML-Datei ein. Das f\u00fchrt der Browser dann aus.<\/p>\n\n\n

<opml<\/span> version<\/span>=\"2.0\"<\/span>><\/span>\n  <script<\/span> xmlns<\/span>=\"http:\/\/www.w3.org\/1999\/xhtml\"<\/span> src<\/span>=\"opml.js\"<\/span> defer<\/span>=\"\"<\/span>\/><\/span>\n  <head<\/span>><\/span>\u2026<\/head<\/span>><\/span>\n  <body<\/span>><\/span>\u2026<\/body<\/span>><\/span>\n<\/opml<\/span>><\/span><\/span><\/span><\/code><\/span>Code-Sprache:<\/span> HTML, XML<\/span> (<\/span>xml<\/span>)<\/span><\/small><\/pre>\n\n\n
Das Script liest die Daten aus dem OPML, baut daraus eine HTML-Seite und ersetzt damit das XML (document.documentElement.replaceWith( html )<\/code>). Feed-Reader ignorieren das Script und bekommen weiter das normale OPML.<\/p>\n\n\n\n
Ich arbeite jetzt seit fast zwei Jahrzehnten mit offenen Formaten und Web Standards und bin bei der Technik inzwischen ziemlich leidenschaftslos. Ich finde XSLT zwar immer noch charmanter, aber das hilft ja nicht, wenn kein Browser es unterst\u00fctzt.<\/p>\n\n\n\n
So lange das Ergebnis das gleiche ist, ist mehr der Weg dahin mittlerweile fast egal.<\/p>\n\n\n\n
XSLT ist tot, lang lebe JavaScript!<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"
Vor ein paar Tagen habe ich mich noch dar\u00fcber aufgeregt, dass Browser k\u00fcnftig wohl kein XSLT mehr unterst\u00fctzen werden. Es mag sein, dass ich da vielleicht etwas zu hysterisch voreilig war. @krinkle@fosstodon.org hat mich in den Kommentaren auf einen Blogpost und einen Pull Request hingewiesen, die zeigen wie man mit JavaScript zu einem \u00e4hnlichen Resultat […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"webmentions_disabled_pings":false,"webmentions_disabled":false,"activitypub_content_warning":"","activitypub_content_visibility":"","activitypub_max_image_attachments":4,"activitypub_interaction_policy_quote":"anyone","activitypub_status":"federated","footnotes":"","atmosphere_disabled":false,"atmosphere_custom_text":"","atmosphere_reply_restriction":[]},"categories":[2],"tags":[105,768,5171,309,102,103,718],"class_list":["post-59674","post","type-post","status-publish","format-standard","category-web","tag-atom","tag-browser","tag-fediblog","tag-javascript","tag-opml","tag-rss","tag-xslt","h-entry","hentry"],"_links":{"self":[{"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/posts\/59674","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/comments?post=59674"}],"version-history":[{"count":4,"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/posts\/59674\/revisions"}],"predecessor-version":[{"id":59735,"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/posts\/59674\/revisions\/59735"}],"wp:attachment":[{"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/media?parent=59674"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/categories?post=59674"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/tags?post=59674"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}