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 インストール プロセスの詳細なグラフィック説明 (初回インストール)

推薦する

Dockerの基本的なネットワーク構成の詳細な説明

外部アクセスポートをランダムにマップする -P フラグを使用すると、Docker は 49000 か...

Nginxの仕組みの詳細な説明

Nginxの仕組みNginx はコアとモジュールで構成されています。 Nginx 自体は実際にはほと...

MySQL パラメータ関連の概念とクエリ変更方法

序文:以前の記事では、特定のパラメータの機能についてよく紹介してきました。しかし、MySQL パラメ...

TypeScript の条件型に関する詳細な読書と実践記録

目次ジェネリック型での条件型の使用ツールタイプ脱出ポッド矢印関数で条件型を使用する型推論による条件型...

React NativeとiOSの相互作用の詳細な説明

目次前提条件RNはiOSに価値を渡す方法1: ネイティブに値を通常通り渡す方法2: コールバック関数...

JavaScript でウェブ プレーヤーを実装する

今日は、JavaScript を使用して Web ページ上にプレーヤーを作成する方法を紹介します。誰...

IIS7 IIS8 http は自動的に HTTPS にジャンプします (ポート 80 はポート 443 にジャンプします)

IIS7 では、「URL REWRITE2」疑似静的モジュールがインストールされているかどうかを確...

Dockerはコンテナに入るためにnsenterツールを使用する

Dockerコンテナを使用する場合は、nsenterツールを使用する方が便利です。システムにない場合...

テキストエリアの残りの単語数を動的に取得する方法

仕事で、これまで一度も書いたことのないケースに遭遇しました。午後の半分をその作業に費やし、ついに書き...

経験者のHTMLの書き方と理由の分析

1. ナビゲーション: 順序なしリストとその他のラベル要素ナビゲーションを記述するために最も一般的に...

Oracle と MySQL の高可用性ソリューションの比較分析

Oracle と MySQL の高可用性ソリューションについては、以前からまとめたいと思っていたので...

シンプルなカルーセル チャートを実装するための JavaScript の最も完全なコード分析 (ES5)

この記事では、シンプルなカルーセル効果を実現するためのJavaScriptの具体的なコードを参考まで...

Dockerでボリュームを管理する2つの方法

前回の記事では、Dockerの基礎知識であるローカルディレクトリのマウント方法を紹介しました。今日は...

MySQL 接続で認証失敗エラーが発生する場合の分析と解決方法

[問題の説明]アプリケーション側では、次のエラーが時々表示されます。メソッド 'mysql_...

航空機戦争ゲームを実装するためのJavaScript

この記事では、キャンバスとjsを使用して簡単な飛行機戦争を実装する方法を参考までに紹介します。具体的...