Augentropfen '

Chrome Browser und verwandte Browser haben eine Webseite -API namens EyeDropper hinzugefügt, mit der Webentwickler an jedem Ort auf dem Bildschirm einfach Farbwerte erhalten können.

Das folgende Code -Snippet zeigt, wie die API verwendet wird:

 if ('Eyedropper' im Fenster) {
  const Eyedropper = neuer Eyedropper ();
  versuchen {
    // Dies erfordert die Interaktion der Benutzer, um const result = zu auslösen = Wait EyeDropper.open ();
    const colorhexValue = result.srgbhex;
  } catch (err) {
    // Benutzer Cancels Colorpypup}}
}

Diese API unterstützt derzeit nur Chrome und verwandte Browser. Der Entwicklungsprozess begann mit Edge Browser und wurde später von der Community Group diskutiert und überprüft und schließlich in Chrome ins Leben gerufen. Obwohl Chrome eine führende Rolle in diesem Prozess spielt, ist es insgesamt ein positiver Fall, insbesondere wenn man bedenkt, dass EyeDropper ein relativ geringfügiges Merkmal ist.

Der Vorteil EyeDropper -API besteht darin, dass sie Farben aus dem gesamten Bildschirm aufnehmen kann, wodurch die Benutzererfahrung von Design -Tools wie Figma erheblich verbessert wird und die Mängel seiner Farbpick -ups ausgibt, die auf die Leinwand beschränkt sind. Anwendungen wie Slides.com und Polypane haben die API auf Produktionsumgebungen angewendet, wodurch die Benutzererfahrung verbessert wird. Darüber hinaus sind auch entsprechende Chromverlängerungen und Lesezeichen aufgetaucht.

Es wird empfohlen, einen zugänglichen System -Farbauswahlschalter bereitzustellen, während EyeDropper -API verwendet wird, um die Benutzererfahrung zu verbessern und eine progressive Verbesserung zu erzielen. Dies kann als eigenständige Webkomponente entwickelt werden.

Das obige ist der detaillierte Inhalt vonAugentropfen '. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!