Zum Inhalt springen
View in the app

A better way to browse. Learn more.

Fachinformatiker.de

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

CSS url() parsen

Empfohlene Antworten

Veröffentlicht

Hi Leute,

ich möchte gern aus einem Stylesheet alle eingebundenen Bilder raus haben, also alles was inerhalb eines url() steht, wie z.B. bei background, background-image, etc.

Problem ist, dass url() auch z.B. bei @import verwendet werden kann und wenn ich nur auf url() matche bekomme ich die mit.

hat da jemand ne idee zu?

gruß

Jan


url\(.*\.(jpg|gif|png)\)

?

grundsätzlich ja, aber man kann ja nie wissen ob da einer ein php-skript zum bilder durchschleifen nutzt und da dann .php steht :(

Das muss wirklich 100% bei jedem Stylesheet funktionieren!

Naja die Bedingungen sind ja eher variabel. Wer sagt mir denn dass nicht irgendwer seine Files .doofedateiendung nennt? kann ja auch sein. Gut ist jetzt vielleicht etwas übertrieben, aber kann dennoch sein...

Ich denke ich werde das jetzt an den CSS-Befehlen selbst festmachen. URL lässt sich ja nicht an so vielen stellen verwenden. Eingefallen sind mir bisher:

- background: url()

- background-image: url()

- list-style-image: url()

- list-style: url()

gibts da sonst noch was?

Jetzt hab ich mit der nächsten Regex ein Problem :(


<style.*?type="text\/css"[^>]*>.*?@import.*?(url\(?[\"|']?)?(.*?)([\"|']?\))?.*?<\/style>

sollte eigentlich matchen auf

<style type="text/css">

@import "/test.css";

@import '/test.css';

@import url(test.css);

@import url("test.css");

@import url('test.css');

</style>

also auf alle gültigen Schreibweisen für einen @import Befehl.

Zum Testen gibts das ganze hier regex online tester - regular expressions

Archiv

Dieses Thema wurde archiviert und kann nicht mehr beantwortet werden.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.