{"id":164087,"date":"2020-12-21T09:42:57","date_gmt":"2020-12-21T08:42:57","guid":{"rendered":"https:\/\/www.ifun.de\/?p=164087"},"modified":"2020-12-21T09:43:16","modified_gmt":"2020-12-21T08:43:16","slug":"sprinkles-eigenes-css-und-javascript-auf-beliebigen-webseiten","status":"publish","type":"post","link":"https:\/\/www.ifun.de\/sprinkles-eigenes-css-und-javascript-auf-beliebigen-webseiten-164087\/","title":{"rendered":"Sprinkles: Eigenes CSS und JavaScript auf beliebigen Webseiten"},"content":{"rendered":"

Euch st\u00f6rt, dass die ansonsten hervorragende Nachrichten-Seite des Deutschlandfunks, DLF24<\/a>, keinen Nachtmodus anbietet? Mit Hilfe der neuver\u00f6ffentlichten Mac-App Sprinkles<\/a> k\u00f6nnt ihr euch einfach selbst einen bauen.<\/p>\n

\"Sprinkles\"<\/a><\/p>\n

Der kostenfreie Download startet nach der Installation einen Webserver auf eurem Mac, der eigene CSS- und JavaScript-Dateien beim Aufruf beliebiger Webseiten laden und in diese injizieren kann.<\/p>\n

deutschlandfunk.de.css oder youtube.com.css<\/h2>\n

Daf\u00fcr legt ihr schlicht ein Verzeichnis fest, das Sprinkles im Blick behalten soll und erstellt CSS- und JavaScript-Dateien mit dem Hostnamen der Seite im Dateinamen, auf der diese geladen werden sollen. Eine CSS-Datei, die beim Aufruf der Nachrichten-Wesbeite DLF24 geladen werden soll, tr\u00e4gt damit etwa den Namen „deutschlandfunk.de.css“.<\/p>\n

Zudem l\u00e4dt Sprinkles die beiden Dateien global.js and global.css auf jeder angesteuerten Webseite. Hier lassen sich globale Einstellungen wie etwa die minimale Schriftgr\u00f6\u00dfe setzen.<\/p>\n

Sprinkles richtet sich an Frickler, die bestimmte Elemente auf ausgew\u00e4hlten Webseiten verstecken, beeinflussen, verbessern oder deaktivieren wollen und ist vergleichbar mit Tampermonkey.<\/p>\n

\"Beispiel<\/a><\/p>\n

F\u00fcr Safari, Firefox und Chrome<\/h2>\n

Die Anwendung bringt Browser-Erweiterungen f\u00fcr Safari, Firefox und Chrome mit und generiert w\u00e4hrend der Installation eigene Zertifikate, um auch auf SSl-gesch\u00fctzten Webseiten die zus\u00e4tzlichen CSS- und JavaScript-Dateien zu laden.<\/p>\n

L\u00e4uft Sprinkles, l\u00e4sst sich das Verzeichnis mit den pers\u00f6nlichen CSS- und JavaScript-Dateien direkt aus der Men\u00fcleiste heraus aufrufen. Hier kann Sprinkles mit zwei Mausklicks zudem deaktiviert werden.<\/p>\n

F\u00fcr erste Gehversuche eignen sich die Beispiel-Scripte<\/a> des Entwicklers Mikkel Malmberg, dessen global.js etwa ein Tastaturk\u00fcrzel enth\u00e4lt, mit dessen Hilfe sich die Schriftart der gerade angezeigten Webseite auf eine serifenfreie Systemschrift umschalten l\u00e4sst.<\/p>\n\t\n\t

\n\t\t
\n\t\t\tLaden im App Store<\/span>\n\t\t<\/div>\n\t\t
\n\t\t\t
\"Sprinkles<\/div>\n\t\t\t
\n\t\t\t\tSprinkles \u2013 mod the web<\/span>
\n\t\t\t\tEntwickler: Mikkel Malmberg<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t
Preis: Kostenlos
\n\t\t\tLaden<\/span><\/div><\/a>\n\t\t<\/div>\n\t\t\n\t<\/div>\n\t\n

<\/p>\n","protected":false},"excerpt":{"rendered":"\"Sprinkles<\/a>

Euch st\u00f6rt, dass die ansonsten hervorragende Nachrichten-Seite des Deutschlandfunks, DLF24, keinen Nachtmodus anbietet? Mit Hilfe der neuver\u00f6ffentlichten Mac-App Sprinkles k\u00f6nnt ihr euch einfach selbst einen bauen. Der kostenfreie Download startet nach der Installation einen Webserver auf eurem Mac, der eigene CSS- und JavaScript-Dateien beim Aufruf beliebiger Webseiten laden und in diese injizieren kann. deutschlandfunk.de.css oder […]<\/p>\n","protected":false},"author":1,"featured_media":164091,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[5],"tags":[4737,1273,1096,847,6321,259],"class_list":["post-164087","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-apps","tag-apps","tag-chrome","tag-erweiterung","tag-firefox","tag-mac","tag-safari"],"acf":[],"aioseo_notices":[],"subheadline":["Mac-App und Browser-Erweiterung"],"featured_image":["https:\/\/images.ifun.de\/wp-content\/uploads\/2020\/12\/sprinkles-feature.jpg"],"rest_api_enabler":{"subheadline":"Mac-App und Browser-Erweiterung","featured_image":"https:\/\/images.ifun.de\/wp-content\/uploads\/2020\/12\/sprinkles-feature.jpg"},"_links":{"self":[{"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/posts\/164087","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/comments?post=164087"}],"version-history":[{"count":2,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/posts\/164087\/revisions"}],"predecessor-version":[{"id":164092,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/posts\/164087\/revisions\/164092"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/media\/164091"}],"wp:attachment":[{"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/media?parent=164087"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/categories?post=164087"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/tags?post=164087"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}