IE8 bietet eine gute Erfahrung: Aktivitäten

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)

Artikel empfehlen

Syntax und Beispielanalyse der JavaScript-Array-Methode „reduce()“

Vorwort Die Methode „reduce()“ erhält eine Funkti...

So deinstallieren und installieren Sie Tomcat neu (mit Bildern und Text)

Deinstallieren Sie tomcat9 1. Da die Installation...

HTML-Formular_PowerNode Java Academy

1. Formular 1. Die Rolle des Formulars HTML-Formu...

Detaillierte Erläuterung des Nginx-Forward-Proxys und des Reverse-Proxys

Inhaltsverzeichnis Weiterleitungsproxy Nginx-Reve...

Docker+Selenium-Methode zur Realisierung automatischer Gesundheitsberichte

In diesem Artikel wird das Gesundheitsmeldesystem...

N Möglichkeiten, mit CSS ein zweispaltiges Layout zu erreichen

1. Was ist ein zweispaltiges Layout? Es gibt zwei...

Vorschau auf die neuen Funktionen von XHTML 2.0

<br />Bevor Browser die nächste Generation v...

Eine kurze Diskussion über benutzerdefinierte VUE-Uni-App-Komponenten

1. Übergeordnete Komponenten können Daten über Re...