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

推薦する

JavaScript スロットリングとアンチシェイクに関する簡単な説明

目次スロットルと手ぶれ防止コンセプト:違いスロットリングの実装スロットル機能手ぶれ補正の実装手ぶれ防...

Vue から React への変換入門ガイド

目次デザインコンポーネント通信ライフサイクルイベント処理品格とスタイルクラススタイル条件付きレンダリ...

Vue 親子コンポーネントの相互値の転送と呼び出し

目次1. 親が子コンポーネントに値を渡す2. 子コンポーネントが親コンポーネントに値を渡す3. 子コ...

MySQL レプリケーションの原理と実際のアプリケーションの詳細な説明

この記事では、例を使用して、MySQL レプリケーションの原理と実際のアプリケーションについて説明し...

入力が完了したことを検出し、次のコンテンツを自動的に入力する HTML を実装する方法

前回の記事では、入力完了の簡単な検出を実現しましたが、今回はさらに一歩進んで、入力が完了した後に次の...

MySQL 8の新機能ウィンドウ関数の役割

MySQL 8.0 の新機能は次のとおりです。 Unicode 9.0 をすぐに完全にサポートウィン...

CSSのマッチング問題を解決する

問題の説明ご存知のとおり、CSS を記述する場合、HTML のクラスの定義または ID の定義に従っ...

CentOS 7 パスワードを忘れた場合の解決プロセス図

必要Windows システムでも Linux システムでも、さまざまな理由でパスワードを忘れてしまう...

HTML と CSS の基礎 (必読)

(1) HTML: ハイパーテキストマークアップ言語。主に「ヘッダー」と「ボディ」の2つの部分で構...

CentOS に Redis と MySQL をインストールする

1|0MySQL(MariaDB) 1|11. 説明MariaDB データベース管理システムは My...

mysql8.0.21 のダウンロードとインストールに関する詳細なチュートリアル

公式ウェブサイトアドレス: https://www.mysql.com/インストールの提案: インス...

Vue でシンプルな無限ループスクロールアニメーションを実装する例

この記事では主に、Vue でシンプルな無限ループスクロールアニメーションを実装し、みんなで共有する例...

MySQL 8.0.15 winx64 圧縮パッケージのインストールと設定方法のグラフィックチュートリアル

この記事では、MySQL 8.0.15 winx64 圧縮パッケージのインストールと設定方法を参考ま...

CSS でのナビゲーション バーとドロップダウン メニューの実装

1. CSSナビゲーションバー(1)ナビゲーションバーの機能ナビゲーション バーを使いこなすことは、...