IE8 bietet eine gute Erfahrung: Aktivitäten

Heute habe ich einen kleinen Vorgeschmack auf IE8 Beta 1 (im Folgenden als IE8 bezeichnet) bekommen. IE8 bietet viele tolle Erfahrungen, daher werde ich hier nicht ins Detail gehen. Ich werde nur über die Aktivitäten darin sprechen und mir etwas einfallen lassen. Es gibt ein Element in Aktivitäten, bei dem, wenn der Benutzer einen Textabschnitt auswählt, sofort ein Pfeilwerkzeug angezeigt wird. Dieses Werkzeug kann erweitert werden. Wenn es erweitert ist, enthält es umfangreiche Dienste wie die Baidu-Suche (eine Suchmaschine muss hinzugefügt werden), Kartensuche, Übersetzung usw. Ich sollte natürlich auch etwas für die Benutzer tun, haha. Analog dazu habe ich beschlossen, Musikdienste anzubieten. Überlegen Sie einmal, wie schön es wäre, wenn Sie einen Textabschnitt auswählen, auf „Lied jetzt anhören“ klicken und es sofort hören könnten. Also begann ich ohne weitere Umschweife, die Benutzeroberfläche zu zeichnen und Code zu schreiben.
Ich habe einfach ein zufälliges Bild gefunden und es mit Photoshop bearbeitet. Das ist alles, es ist besser, es einfach zu halten.
Zur API-Seite hinzufügen:
<a href="#" title="" onclick="window.external.AddService('../service.xml');">Fügen Sie stimmungsvolle Musik hinzu, um sofort Musik im IE8 zu hören</a>
Laden Sie auch eine XML-Datei (service.xml) hoch. Der Inhalt der Datei ist wie folgt:

Klicken Sie auf den Link „Stimmungsmusik zu IE8 hinzufügen“. Das folgende Dialogfeld wird angezeigt.

Klicken Sie auf: „Anbieter hinzufügen“;

Erfolgsmeldung hinzugefügt;

Test: Wählen Sie auf der Webseite „Schmetterling“ aus und die Benutzeroberfläche zum Musikhören wird sofort angezeigt. Fertig! Haha, glücklich! ! !
XML-Kerncode:
<?xml version="1.0" encoding="UTF-8"?>
<os:openServiceDescription xmlns:os="http://www.microsoft.com/schemas/openservicedescription
/1.0">
<os:homepageUrl>http://www.***.cn/</os:homepageUrl>
<os:Anzeige>
<os:name>Sofort Musik hören</os:name>
<os:icon>http://www.nihaoku.cn/favicon.ico</os:icon>
<os:description>Wählen Sie einen Songtitel aus, um den Song sofort zu hören. </os:Beschreibung>
</os:Anzeige>
<os:activity category="Entdecken">
<os:activityAction Kontext="Auswahl">
<os:preview Typ="Text" accept-charset="utf-8" Aktion="http://www.***.cn/ff/ie8.htm#{selection}" Methode="get" />
<os:execute Typ="Text" accept-charset="utf-8" Aktion="http://www.***.cn/?{selection}" Methode="get" />
</os:activityAction>
</os:Aktivität>
</os:openServiceDescription>
Detaillierte Erklärung :
Der Schlüssel zum Code besteht darin, dass <osreview /> die Aktion ist, die ausgeführt wird, wenn die Maus über das Menüelement bewegt wird. Dabei wird die Get-Methode (method="get") verwendet, um den ausgewählten {selection}-Text vom Typ (type="text") in UTF-8-Kodierung (accept-charset="utf-8") an die Adresse (Action) zu senden.
<os:execute /> Diese Zeile ist die Aktion, die ausgeführt wird, wenn auf das Menüelement geklickt wird. Die Eigenschaften sind dieselben wie oben.
Ich werfe hier nur ein paar Ideen in den Raum und hoffe, dass jeder bessere Dienste anbieten kann. Microsoft IE8 selbst bietet Dienste wie Wortsuche, Übersetzung und Kartensuche. Ich glaube, dass IE8 in Zukunft noch spannender sein wird.

<<: Detaillierte Erklärung der Schleifenverwendung in Javascript-Beispielen

>>: Detaillierte grafische Beschreibung des MySql8.023-Installationsprozesses (Erstinstallation)

Erläuterung der CSS3-Überlaufeigenschaft

IE8 bietet eine gute Erfahrung: Aktivitäten

Erläuterung der CSS3-Überlaufeigenschaft

Modularität in Node.js, npm-Paketmanager erklärt

So führen Sie PostgreSQL mit Docker aus

Verwendung des Node.js-HTTP-Moduls

Ein praktischer Bericht über die Wiederherstellung einer MySQL Slave-Bibliothek

Implementierungscode des JQuery-Schrittfortschrittsachsen-Plug-Ins

Detailliertes Beispiel für die Datenmigration bei einem IOS-Datenbank-Upgrade

Mehr als 100 Zeilen Code zur Implementierung von React Drag Hooks

Einführung in die Verwendung des Base-Link-Tags Base

Wie Sie die redundanten Felder der Datenbank sinnvoll nutzen

Artikel empfehlen

So erhalten Sie ein dauerhaftes kostenloses SSL-Zertifikat von Let’s Encrypt in Docker

Keep-Alive-Multilevel-Routing-Cache-Problem in Vue

Detaillierte Erklärung der Verwendung des MySQL-Paradigmas

Lernen Sie den Funktionsmechanismus von jsBridge in einem Artikel kennen

Implementierungsideen für die Synchronisierung von Docker-Registry-Images

Detaillierte Erläuterung des MySQL 5.7.9-Shutdown-Syntaxbeispiels

Sortierung und Paginierung von MySQL-Abfragen

Beantworten Sie das Caching-Prinzip von Keep-Alive-Komponenten aus Sicht des Quellcodes

Achten Sie bei der Webseitenerstellung auf die Verwendung von HTML-Tags

MySQL implementiert eine Lösung ähnlich der Oracle-Sequenz

Linux nutzt duale Netzwerkkartenbindung und Schraubendreherschnittstelle

Das Linux-System öffnet die Ports 3306, 8080 usw. zur Außenwelt. Detaillierte Erläuterung der Firewall-Einstellungen

Docker installiert Redis 5.0.7 und behebt externe Konfigurations- und Datenprobleme

Linux implementiert den Quellcode des Zahlenratespiels

Grundlegende Hinweise zu HTML (empfohlen)