IE8は優れたエクスペリエンスを提供します: アクティビティ

IE8は優れたエクスペリエンスを提供します: アクティビティ

今日は IE8 ベータ 1 (以下、IE8 と略します) をチラ見しました。IE8 は素晴らしい体験を数多く提供しているので、ここでは詳細には触れません。IE8 のアクティビティについて説明し、何か思いつくことを述べたいと思います。アクティビティには、ユーザーがテキストを選択するとすぐに矢印ツールが表示される項目があります。このツールは展開できます。展開すると、Baidu 検索 (検索エンジンを追加する必要があります)、マップ検索、翻訳などの豊富なサービスが内部にあります。もちろん、ユーザーのためにも何かしなきゃですね(笑)。類推的に、私は音楽サービスを行うことにしました。考えてみてください。テキストを選択して、「今すぐ曲を聴く」をクリックするだけで、すぐに曲を聴くことができたら、どんなに素晴らしいことでしょう。そこで、何もせずに、UI インターフェースを描き、コードを書き始めました。
ランダムに画像を見つけて、Photoshop で修正しただけです。それだけです。シンプルにしておく方が良いでしょう。
API ページに追加:
<a href="#" title="" onclick="window.external.AddService('../service.xml');">IE8 ですぐに音楽を聴けるようにムード音楽を追加する</a>
XML (service.xml) ファイルもアップロードします。ファイルの内容は次のとおりです。

「IE8 にムードミュージックを追加」リンクをクリックすると、次のダイアログ ボックスが表示されます。

「プロバイダーの追加」をクリックします。

成功プロンプトを追加しました。

テスト: Web ページでバタフライを選択すると、音楽を聴くインターフェイスがすぐに表示されます。これで完了です。ハハハ、嬉しい! ! !
XML コアコード:
<?xml バージョン="1.0" エンコーディング="UTF-8"?>
<os:openServiceDescription xmlns:os="http://www.microsoft.com/schemas/openservicedescription
/1.0">
<os:homepageUrl>http://www.***.cn/</os:homepageUrl>
<os:ディスプレイ>
<os:name>音楽をすぐに聴く</os:name>
<os:icon>http://www.nihaoku.cn/favicon.ico</os:icon>
<os:description>曲のタイトルを選択すると、すぐに曲を聴くことができます。 </os:description>
</os:display>
<os:activity category="発見">
<os:activityAction コンテキスト="選択">
<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:アクティビティアクション>
</os:アクティビティ>
</os:openServiceDescription>

詳細説明:
コードの鍵となるのは、<osreview /> は、マウスをメニュー項目の上に置いたときに実行されるアクションであり、get メソッド (method="get") を使用して、選択されたタイプ (type="text") の {selection} テキストを UTF-8 エンコード (accept-charset="utf-8") でアドレス (action) に送信することです。
<os:execute /> この行はメニュー項目がクリックされたときに実行されるアクションであり、プロパティは上記と同じです。
ここでは、皆さんがもっと良いサービスを思いつくことを期待して、いくつかのアイデアを紹介しています。Microsoft IE8 自体は、単語検索、翻訳、地図検索などのサービスを提供しています。IE8 は今後さらにエキサイティングなものになると信じています。

<<:  JavaScript の例におけるループの使用法の詳細な説明

>>:  MySql8.023 インストール プロセスの詳細なグラフィック説明 (初回インストール)

推薦する

MySQL のインデックス障害の一般的なシナリオと回避方法

序文これまでにも、一部の SQL ステートメントを不適切に使用すると MySQL インデックスが失敗...

Vue 要素と Nuxt の使用に関するヒントを共有する

1. 要素時間選択提出フォーマット変換例えば 2018年9月7日金曜日 00:00:00 GMT+0...

ハイパーリンクの幅と高さを直接設定できない問題の解決策

幅と高さを直接使用することはできません。 display:block; または display:in...

MySQLでよく使われる文字列関数トップ10の詳細な説明

こんにちは、みんな!技術の話ばかりで髪は切らないトニーです。データベース関数は、何らかの機能を持ち、...

JSはじゃんけんゲームを実装します

この記事の例では、じゃんけんゲームを実装するためのJSの具体的なコードを参考までに共有しています。具...

MySQL 5.7 MGR シングルマスター決定マスターノード方式の詳細説明

当銀行のMGRは年末に開始されます。公式文書を読んだり、毎日テストを受けたりしなければなりません。毎...

Dockerコンテナのログ分析

コンテナログを表示するまず、 docker run -it --rm -d -p 80:80 ngi...

シーケンス関数を実装する MySQL コード

MySQLはシーケンス関数を実装する1. シーケンスレコードテーブルを作成する テーブル `sys_...

docker コンペ応募でよく使われるコマンドのまとめ

アカウントにログイン DOCKER_REGISTRY=registry.cn-hangzhou.al...

CSS が複数のクラスに一致する方法のサンプルコード

CSSは複数のクラスにマッチする次の HTML タグ li、クラスはオープン スタイルです。私の要件...

Ubuntu 16.04.5LTS に SVN をインストールする手順

この記事では、UbuntuシステムでSVNを設定するプロセスを簡単に紹介します。ソースを更新sudo...

Docker コンテナのネットワーク障害に対する 6 つの解決策

Docker コンテナのネットワーク障害に対する 6 つの解決策注: 以下の方法は、コンテナ内のパブ...

JavaScriptを使用してページ効果を作成する

11. JavaScriptを使用してページ効果を作成する11.1 DOMプログラミングDOM プロ...

HTML に画像が存在しない場合にデフォルトの画像を表示する方法の例

画像リンク <img src="" /> jsを使用してURLが有効...

ReactプロジェクトでのTypeScriptの実装

目次1. はじめに2. 使用方法ステートレスコンポーネントステートフルコンポーネント制御コンポーネン...