Startseite » Web-Design » So überprüfen Sie die Browserkompatibilität über Befehlszeilen

    So überprüfen Sie die Browserkompatibilität über Befehlszeilen

    Das Erstellen einer Website umfasst traditionell eine Vielzahl von Technologien, die für alle gängigen Browser geeignet sind, einige davon teilweise oder gar nicht. Webentwickler würden heutzutage immer auf CanIUse zurückgreifen, um zu prüfen, ob eine bestimmte Funktion von einem Browser oder einer seiner vielen Versionen unterstützt wird.

    CanIUse verfolgt die Akzeptanz von Standard-HTML, CSS und SVG durch den Browser sowie deren Referenzen, den Status der Spezifikationen von W3C und Links zu den Problemen und Fehlern, die in jedem Browser auftreten (sofern verfügbar). Wir können beispielsweise unten sehen, dass Edge, Firefox und Opera Mini CSS Reflection nicht unterstützen. In Browsern, in denen es unterstützt wird, ist das Herstellerpräfix erforderlich.

    CanIUse ist das de facto Tool, das aufzeichnet, inwieweit die Standard-Webspezifikationen in Desktop- und mobilen Browsern kompatibel sind.

    Neben der Browserversion über caniuse.com ist CanIUse jetzt auch als CLI (Command Line Interface) verfügbar. Wir können das Ergebnis von CanIUse auch über das Terminal oder die Eingabeaufforderung abrufen. Wenn Sie auf Terminal oft stolperten, würde die CLI Ihren Workflow effektiv rationalisieren.

    Die Anforderungen

    Zum Bereitstellen der CanIUse-Befehlszeile müssen Sie zunächst NodeJS und NPM installieren.

    Wenn laufen npm -v oder Knoten -v gibt die Versionsnummer zurück (wie unten gezeigt), die Sie bereitstellen, um die CLI bereitzustellen. Andernfalls, wenn das zurückgegeben wird “Befehl nicht gefunden” Fehler, laden Sie das NodeJS-Installationsprogramm hier herunter. Das Installationsprogramm ist für Windows, OS X und Linux verfügbar. Wählen Sie das Betriebssystem aus, das Sie verwenden.

    Die CLI

    Die Installation der CanIUse-CLI ist nur eine Zeile entfernt. Öffnen Sie das Terminal oder die Eingabeaufforderung und führen Sie den folgenden Befehl aus.

    npm install -g caniuse-cmd

    Mit diesem Befehl wird CLI global installiert, sodass der Zugriff auf den gesamten Standort im Betriebssystem möglich ist. Einmal installiert, die Befehlszeile kann ich benutzen sollte jetzt zur Verfügung stehen. Es gibt keine Regel, wie es geht “Suche” über CLI. Suchen Sie einfach wie in der Webversion, z. Laufen “Caniuse Box Schatten” gibt die CSS3 Box-Shadow-Spezifikation zurück.

    Beachten Sie, dass wir den Platz für die Keyword-Abfrage nicht überflüssig machen müssen, was wir normalerweise tun müssten.

    Grundsätzlich stimmen die CLI-Ergebnisse mit der Webversion überein. Auch wenn eine Suche beispielsweise mit einem unvollständigen Schlüsselwort durchgeführt wird, soc oder Socke , Die Suche erfolgt mit Web Socket oben, gefolgt von relevanten Einträgen.

    CanIUse ist eine perfekte Ergänzung für andere auf Kommandozeilen basierende Tools wie Gulp und Grunt. Es ist ein vielseitiges, praktisches Tool, das Ihren Workflow letztendlich verbessern kann. Jetzt müssen Sie Ihr Terminal nie verlassen, um die Browserkompatibilität für HTML, CSS und SVG zu überprüfen.