{"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":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t