コアポイント

• ブックマークアプレットは、Webブラウザーの機(jī)能を強(qiáng)化し、Web開発者のワークフローを簡素化するブラウザブックマークに組み込まれた小さなJavaScriptコードです。
• ブックマークアプレットには、単純なナビゲーションタスクから、ページコンテンツの変更、ページ構(gòu)造の分析、ウェブサイト上のタスクの自動(dòng)化など、より複雑な操作まで、幅広い用途があります。
• ブックマークアプレットは一般に安全で信頼性が高いが、名前空間の競合を引き起こす可能性がある。この問題は、ブックマークアプレットとして獨(dú)自の可変スコープを持つ匿名関數(shù)を作成することで回避できます。
• 複雑なブックマークアプレットの場合、一部のブラウザのブックマークの長さの制限をバイパスする方法があります。実際のブックマークアプレットの実裝は、Webサーバーで外部.JSファイルとしてホストできますが、ブックマークアプレットには、殘りのスクリプトをロードするためのロードスタブを含めることができます。

ブックマークアプレットは、Webブラウザーに機(jī)能を追加する簡単な方法であり、Web開発者のワークフローに便利な追加になる可能性があります。この記事では、いくつかの便利なブックマークアプレットを指摘し、獨(dú)自のブックマークアプレットを構(gòu)築するためのヒントを提供し、これらの強(qiáng)力なツールを最大限に活用するためのいくつかの高度なテクニックを?qū)g証します。ブックマークアプレットは、ブラウザのブックマークに埋め込まれた短いJavaScriptコードスニペットです。ブックマークが選択されると、JavaScriptコードが実行されます。魔法のように、この実行は現(xiàn)在のページのコンテキストで行われます。ブックマークアプレットは、ページの完全なドキュメントオブジェクトモデルにアクセスし、それを変更してその情報(bào)を使用して新しいウィンドウを起動(dòng)したり、ブラウザを別のサイトにリダイレクトできます。ブックマークアプレットを以前に使用したことがない場合は、この記事の殘りを読む前に試してみることをお?jiǎng)幛幛筏蓼埂?www.bookmarklets.comとwww.favelets.comの両方がブックマークアプレットの大規(guī)模なコレクションを提供し、Jesse Rudermanにはwww.squarefree.com/bookmarkletsにブックマークアプレットのコレクションがあります。 JesseのWeb開発ブックマークアプレットは、特にWeb開発者のブラウザに必須の追加である必要があります。ブックマークアプレットは、JavaScriptをサポートするすべての最新のブラウザに適していますが、一部のブラウザは他のブラウザよりも優(yōu)しいです。 Windows用のInternet Explorer 6には、迷惑な508文字のブックマークサイズの制限があり、このブラウザが利用できるブックマークアプレットの範(fàn)囲を厳しく制限しますが、後でカバーするテクノロジーは部分的な救済策を提供します。ブックマークアプレットを最大限に活用するには、ブックマークアプレットの開発に役立つ多くの便利なツールも搭載された優(yōu)れたFirefoxなどのMozillaベースのブラウザーを使用することをお?jiǎng)幛幛筏蓼?。ただし、ブックマークアプレット開発の魅力の1つは、多くの場合、重度のJavaScript開発を悩ませるクロスブラウザーの問題を回避できることです。特定のブラウザ（特に個(gè)人が使用するブックマークアプレット）のブックマークアプレットを開発するのに問題はないため、開発者は実際にブラウザができるようにすることができます。

一般的なブックマークアプレットバリエーション

上記のサイトのいずれかを閲覧している場合は、ブックマークアプレットが提供できるさまざまな機(jī)能について、ある程度の考えが必要です。ブックマークアプレットの最もシンプルで最も一般的なタイプは、現(xiàn)在のページのURLを取得して別のサイトに渡すシンプルなナビゲーションブックマークアプレットです。典型的な例は、検証ブックマークアプレットで、現(xiàn)在のページのオンラインHTMLまたはCSS検証サービスにユーザーをリダイレクトします。これらのブックマークアプレットは作成が非常に簡単ですが、非常に便利な用途に適合させることができます。このページの編集を作成したいのは、Webベースのコンテンツ管理システムを搭載したWebサイト用のブックマークアプレットです。そのようなシステムの多くは、パブリックサイトページURLにIDを埋め込みました。これは、サイト管理システムで使用されるフォームURLで使用されているIDに直接対応し、そのページの內(nèi)容を編集します。このページの編集では、AppletのブックマークAppletは現(xiàn)在のページのURLを抽出し、それを使用してユーザーをすぐにページの編集インターフェイスにリダイレクトします。たとえば、次のURLがあるサイトを想像してください。

<code>http://www.site.com/articles/123</code>

<code>http://www.site.com/admin/edit-article?id=123</code>

サイトで使用するコンテンツ管理システムをある程度制御できる場合、この概念を大幅に拡張できます。たとえば、記事の內(nèi)部IDがURLに公開されていないサイトでは、代わりにHTMLメタタグにIDを提供することができます。これは、DOMを介してこのページのブックマークアプレットを編集するために提供できます。多くのブックマークアプレットは、現(xiàn)在のページを何らかの形で変更します。一般的な例には、不要なフラッシュアニメーションなどの迷惑なコンテンツを「排除」するためのブックマークアプレット、さらにはバナー広告の一般的に使用されるサイズにサイズを変更する畫像も含まれます。これらは興味深い場合がありますが、通常、ページが読み込まれるたびに手動(dòng)でアクティブになる必要があるために制限されます。より便利なのは、Web開発者がページ構(gòu)造を分析し、ページ構(gòu)造を変更するのに役立つブックマークアプレットです（「リアルタイム」）。このタイプの私のお?dú)荬巳毪辘违ⅴ抓欹氓趣?、彼のWeb開発コレクションのJesse Rudermanの「テストスタイル」、「編集スタイル」、「祖先」です。後者は、マウスカーソルの下のページセクションにつながるHTML要素階層を示しています。これは、CSSをページに適用する方法を把握するのに役立ちます。最初の2つを使用すると、現(xiàn)在のページのCSSを「リアルタイム」に変更できるため、潛在的な設(shè)計(jì)変更に関する即時(shí)フィードバックが提供されます。私のMozilla Image Drag Bookmarkアプレットは、ページの「ドラッグ可能」のすべてのバックグラウンド畫像を作成します。これは、ページデザインの調(diào)整を検討するときにも役立つ場合があります。便利ですが、見落とされがちなJavaScriptのトリックは、HTMLページ全體をブックマークアプレットに埋め込むことができることです。ブラウザのURLバーに次のように直接入力してみてください。

javascript:document.location='http://www.site.com/admin/edit-article?id='+document.location.href.split('/').pop()

<code>http://www.site.com/articles/123</code>

このようにページ全體を埋め込んだブックマークアプレットを作成すると、特に単純な確認(rèn)（）およびプロンプト（）ボックスよりも複雑なユーザーインターフェイスが必要な場合は、時(shí)々役立つ場合があります。

補(bǔ)助テキスト入力

私はテキストアレアボックスを見つめるためにオンラインで多くの時(shí)間を費(fèi)やしています。私が更新した3つのブログは、職場で開発したサイトや參加しているさまざまなオンラインフォーラムと同様に、Textareaを通じて維持されています。 Textareaはどこにでもあります。また、特に専用のテキストエディターソフトウェアと比較した場合、テキストを処理するための最良の方法とはほど遠(yuǎn)いものです。ブックマークアプレットは、Textareasの取り扱いを大幅に低下させることができ、有用な追加機(jī)能を提供できます。 Textarea Enhanced Bookmarkアプレットの私のお?dú)荬巳毪辘卫稀esse Rudermanのもう1つです。BlogidateXML利點(diǎn) - ページ上の各テキストアレアのテキストが十分に構(gòu)成されており、それに応じてTextareaの背景色を変更するかどうかをチェックするMozilla/Firefoxブックマークアプレット。これは、サイトに公開する前にXHTMLで簡単なエラーをキャプチャするのに役立ちます。 Jesseには、WDG VALIDATORを使用してTextareaのHTMLフラグメントの構(gòu)文を確認(rèn)するHTML検証ブックマークアプレットのセットもあります。私がよく使用するもう1つのツールは、私の拡張HTML Shorthandブックマークアプレットです。 Textareaのテキストに一連の単純な変換を適用します。

空白の行で互いに分離されたテキストのブロックは、段落のマークで包まれています
=記號で始まる行を#### title
2. に変換する *で始まる
行は箇條書き
3. になります

<code>http://www.site.com/admin/edit-article?id=123</code>

javascript:document.location='http://www.site.com/admin/edit-article?id='+document.location.href.split('/').pop()

リスト1
リスト2

javascript:'<h1>This is HTML</h1>'

javascript:1 + 4;

<code>= Header

Paragraph

* list 1
* list 2</code>

テキストエディターのみを使用してブックマークアプレットを作成できます。または、非常に自信がある場合は、ブラウザの新しいブックマークフィールドに直接入力できます。ただし、単純なナビゲーションブックマークアプレットよりも複雑なコンテンツの場合、専用ツールを使用することは理にかなっています。 Firefoxを使用している場合は、有用なブックマークアプレット作成ヘルパーに既にアクセスできます。 FirefoxのJavaScriptコンソールは、Pageコンテンツを変更するブックマークアプレットを作成する際に、DOMインスペクターを探索するための優(yōu)れたデバッグツールです。 Jesse RudermanのFirefoxとMozillaのシェルブックマークアプレットは、現(xiàn)在のページコンテキストに添付されたインタラクティブなJavaScriptプロンプトを提供します。これは、テキストエディターに送信する前に新しいテクノロジーを試すのに最適な方法です。ブックマークアプレットにはラインブレークを含めることはできませんが、いくつかのステートメントを書くためにソースコードをインデントする必要があります。 My Remove Line NewLine Bookmark Applet（下）は、JavaScriptコードブロックからタブ、NewLines、および複數(shù)のスペースを削除するためのツールです。多くの場合、これはコードの単純なブロックからブックマークアプレットを作成するために必要なすべてですが、変換する前に各ラインをセミコロンで終了することを忘れないでください。ブックマークアプレットは、ブックマークアプレットに埋め込まれたHTMLページの例でもあります。ラインブレークを取り外します：

<code>http://www.site.com/articles/123</code>

<code>http://www.site.com/admin/edit-article?id=123</code>

<code>http://www.site.com/articles/123</code>

以上がブックマークレットを通してより良い生活の詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。