IE8 provides a good experience: Activities

Today I had a sneak peek at IE8 beta 1 (hereafter referred to as IE8). IE8 provides a lot of great experiences, so I won’t go into detail here. I’ll just talk about the Activities in it and come up with something. There is an item in Activities that when the user selects a piece of text, an arrow tool will immediately appear. This tool can be expanded. When expanded, there are rich services inside, such as Baidu search (need to add a search engine), map search, translation, etc. I should also do something for the users, haha, of course. By analogy, I decided to do music services. Just think about it, how nice it would be if you could select a piece of text, click “Listen to the song now” and hear it immediately. So, without further ado, I started drawing the UI interface and writing code.
I just found a random picture and modified it using Photoshop. That's it, it's better to keep it simple.
Add to the API page:
<a href="#" title="" onclick="window.external.AddService('../service.xml');">Add mood music to listen to music instantly in IE8</a>
Also upload an XML (service.xml) file, the contents of the file are as follows;

Click the "Add Mood Music to IE8" link, and the following dialog box will appear;

Click: "Add Provider";

Added success prompt;

Test: Select butterfly on the web page, and the music listening interface will appear immediately; you’re done! Haha, happy! ! !
XML core code:
<?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:display>
<os:name>Listen to music instantly</os:name>
<os:icon>http://www.nihaoku.cn/favicon.ico</os:icon>
<os:description>Select a song title to hear the song immediately. </os:description>
</os:display>
<os:activity category="Discover">
<os:activityAction context="selection">
<os:preview type="text" accept-charset="utf-8" action="http://www.***.cn/ff/ie8.htm#{selection}" method="get" />
<os:execute type="text" accept-charset="utf-8" action="http://www.***.cn/?{selection}" method="get" />
</os:activityAction>
</os:activity>
</os:openServiceDescription>
Detailed explanation :
The key to the code is that <osreview /> is the action executed when the mouse hovers over the menu item, using the get method (method="get") to send the selected {selection} text of type (type="text") to the address (action) in UTF-8 encoding (accept-charset="utf-8");
<os:execute /> This line is the action executed when the menu item is clicked, and the properties are the same as above.
I am just throwing out some ideas here, hoping that everyone can come up with better services. Microsoft IE8 itself provides services such as word search, translation, and map search. I believe that IE8 will be even more exciting in the future.

<<: Detailed explanation of loop usage in javascript examples

>>: Detailed graphic description of MySql8.023 installation process (first installation)

IE8 provides a good experience: Activities

Share JS four fun hacker background effect codes

How to view server hardware information in Linux

Using Openlayer in Vue to realize loading animation effect

Briefly describe how to install Tomcat image and deploy web project in Docker

jQuery implements form validation function

Tutorial on installing MySQL under Linux

Payment function implementation in vue project (WeChat payment and Alipay payment)

Detailed explanation of the observer mode starting from the component value transfer of Vue

MySQL 5.7.24 installation and configuration method graphic tutorial

Install Ubuntu 18 without USB drive under Windows 10 using EasyUEFI

Recommend

How to unify the character set on an existing mysql database

A brief discussion on JS regular RegExp object

Mysql sets boolean type operations

Calling Baidu Map to obtain longitude and latitude in Vue

Detailed explanation of CSS line-height and height

Detailed explanation of routing parameter passing and cross-component parameter passing in Vue

How to use node to implement static file caching

Detailed explanation of Vue's keyboard events

How to modify the default storage engine in MySQL

Discussion on default margin and padding values of common elements

Detailed example of using case statement in MySQL stored procedure

Introduction to HTML_PowerNode Java Academy

Detailed explanation of pipeline and valve in tomcat pipeline mode

Packetdrill's concise user guide

Implementation of comparison, sorting and other operations on varchar type dates in MySQL