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)

Detaillierte Erläuterung des MySQL-Clusters: Implementierung einer Master- und einer Slave-Architektur

IE8 bietet eine gute Erfahrung: Aktivitäten

Detaillierte Erläuterung des MySQL-Clusters: Implementierung einer Master- und einer Slave-Architektur

Tutorial zur Installation von JDK und Tomcat unter Linux CentOS

Grafisches Tutorial zur Installation und Konfiguration von MySQL 5.7.17 und Workbench

Detaillierte Erklärung des wunderbaren CSS-Attributs MASK

Vue realisiert die Bildschirmanpassung von Großbildschirmseiten

Ein magischer MySQL-Deadlock-Troubleshooting-Datensatz

Uniapps Erfahrung in der Entwicklung kleiner Programme

Zusammenfassung verschiedener Methoden zur Implementierung von Artikeltrennlinienstilen mit CSS

Detaillierte Erläuterung des zugrunde liegenden Prinzips von defineCustomElement, hinzugefügt in vue3.2

Der einfachste Weg zum Debuggen gespeicherter Prozeduren in MySQL

Artikel empfehlen

Informationen zur Installationsmethode für MySQL 8.0.13-ZIP-Pakete

MySQL verwendet die Partitionsfunktion, um eine horizontale Partitionierungsstrategie zu implementieren

Beispielanalyse der Verwendung der Selbstinkrementierung von MySQL-Nichtprimärschlüsseln

Linux wird geladen, vmlinux wird debuggt

Detaillierte Erläuterung des Implementierungsprozesses der Nginx-Protokoll-Timing-Aufteilung in CentOS 7

Verwenden Sie Grafana+Prometheus, um die Leistung des MySQL-Dienstes zu überwachen

Schritte zum Erstellen eines Dateiservers mit Apache unter Linux

Einige häufige Fehler mit MySQL null

Detaillierte Erläuterung der Wiederverwendung und Erweiterung von Vue-Komponenten

So binden Sie einen Domänennamen an den Nginx-Dienst

Installationsmethode der dekomprimierten Version von MySQL 5.7.18 unter Win7x64

So wählen Sie alle untergeordneten Elemente aus und fügen ihnen in CSS Stile hinzu

Detaillierte Erläuterung der Reihenfolge der MySQL-Abfrageergebnisse gemäß der Reihenfolge der ID in in ()

Zusammenfassung der verschiedenen Verwendungsmöglichkeiten von JSON.stringify

Verlustfreie Erweiterungsmethode unter Linux