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

推薦する

background-positionプロパティでのパーセンテージ値の使用法の検討

背景位置が背景画像の表示に与える影響この2日間のプロジェクトでホームページの写真を入れ替えていたとこ...

Linux システムの仮想ホストで Swoole Loader 拡張機能を有効にする方法

特記事項: Swoole 拡張機能のみがインストールされ、サーバーはホストにインストールされません。...

一般的な Dockerfile コマンドの使用方法の紹介

目次01 CM 02 エントリーポイント03 ワークディレクトリ04 環境05 ユーザー06巻07 ...

スーパーバイザーによるDockerfileのマルチサービスイメージパッケージ操作

Dockerfileの作成yumソースを設定する cd /tmp/docker vim Docker...

スライドボタン効果を実現するネイティブJS

Jsで作ったスライドボタンの具体的なコードは参考までに。具体的な内容は以下のとおりですまずエフェク...

Dockerはnginxをデプロイし、フォルダとファイル操作をマウントします

この間、私は docker を勉強していたのですが、nginx をデプロイするときに行き詰まりました...

HTML ページはダーク モードの実装をサポートします

2019年から、AndroidとiOSの両方のプラットフォームでダークモードが使用され始めました。も...

あなたをエキスパートに見せるための 13 個の JavaScript ワンライナー

目次1. ランダムなブール値( true / false )を取得する2. 指定された日付が営業日で...

Windows ホストと Docker コンテナに共有フォルダを設定してマウントする手順

Docker コンテナ内のプログラムは、ホスト ディレクトリ内のデータにアクセスして呼び出す必要があ...

WeChatミニプログラムがシームレスなスクロールを実現

この記事の例では、WeChatアプレットのシームレスなスクロールを実現するための具体的なコードを参考...

Win10システムにMySQL 8.0をインストールするときに発生する問題を解決する

Win10 システムに MySQL 8.0 をインストールする際に発生する問題と解決策は次のとおりで...

Vueのメソッドとプロパティの詳細な説明

Vueのメソッドとプロパティ1. 方法使用法 1メソッド: {メソッド名: function(){}...

データベース接続プール Druid の使用手順

総合的なパフォーマンス、信頼性、安定性、スケーラビリティ、使いやすさなどの要素に基づいて、最適なデー...

Linuxはデュアルネットワークカードボンドとドライバーインターフェースを使用する

債券とは何かNIC ボンドは、実稼働シナリオでよく使用されるテクノロジーです。複数の NIC を 1...

JavaScript での正規表現の使用について詳しく学ぶ

目次1. 正規表現とは何か1. 正規表現の特徴2. 正規表現の使用2. 正規表現における特殊文字1....