Beranda>Tutorial Desain Web>Standardisasi WEB

Studi pendahuluan pada aplikasi OpenSearch

Penulis：Eve Cole Waktu Pembaruan：2009-05-31 01:02:24

Banyak browser modern memiliki kotak pencarian di sisi kanan bilah alamat, dan pencarian Google diinstal secara default. Seperti yang ditunjukkan di bawah ini:

Sebenarnya, ini adalah aplikasi OpenSearch. Selama Anda menulis file xml format mikro yang sesuai, Anda dapat merumuskan kotak pencarian yang sesuai. Mengacu pada dokumen definisi OpenSearch, pada dasarnya Anda dapat memperoleh format xml dasar. Misalnya, file xml pencarian biasa dapat ditentukan seperti ini.

<?xml versi="1.0" pengkodean="UTF-8"?>
<OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/">
<InputEncoding>utf-8</InputEncoding>
<NamaPendek>NamaPendek</NamaPendek>
<Deskripsi>Deskripsi</Deskripsi>
<Image type="image/vnd.microsoft.icon">favicon</Image>
<Url type="text/html" template="http://who.am.i/search?word={searchTerms}"/>
</OpenSearchDescription>

File xml di atas mudah dimengerti. Kecuali root xml tetap, definisi lain dapat dipahami secara harfiah:

  • InputEncoding menentukan pengkodean pencarian, yang bergantung pada situasi aktual situs web.
  • ShortName Ini adalah nama pendek pencarian, misalnya "Google Search"
  • Deskripsi Deskripsi untuk kotak pencarian ini, seperti "Pencarian belanja Taobao - hanya jika Anda tidak dapat memikirkannya, Anda tidak dapat menemukan apa pun yang tidak dapat Anda temukan."
  • Gambar mirip dengan favicon halaman web, digunakan untuk pencarian identifikasi
  • Url Ini adalah parameter terpenting yang menentukan tautan pencarian. Ia memiliki banyak parameter, umumnya menggunakan parameter {searchTerms} untuk menentukan istilah pencarian. Parameter type="text/html" menunjukkan bahwa halaman dikembalikan (browser akan melompat ke halaman ini). Jika dalam format lain, maka akan dibuka menggunakan program default yang sesuai (misalnya, type="application/). rss+xml" akan digunakan) Pembaca RSS terbuka).

Penulisan format xml OpenSearch selesai. Untuk informasi detail, silakan lihat dokumen definisi OpenSearch-nya. Selanjutnya, kita perlu menambahkan pencarian ini ke halaman. Pada dasarnya ada dua cara. Caranya adalah dengan menambahkan tag link di bagian atas halaman (mirip dengan RSS), dan menambahkannya menggunakan Javascript (seperti menentukan tombol untuk memicu). Cara menambahkan tag link sangatlah mudah, formatnya sebagai berikut

<link rel="pencarian" type="aplikasi/opensearchdescription+xml"
href="http://who.am.i/search.xml" title="Nama Pendek" />

Mirip dengan RSS, rel dan tipe sudah diperbaiki. Kami terutama menentukan href (jalur url xml di atas, agar aman, gunakan jalur absolut, yaitu dimulai dengan http://) dan judul (yaitu pendek judul pencarian). Dengan cara ini, saat Anda membuka halaman ini di Explorer dan Firefox, Anda dapat melihat menu yang sesuai, seperti yang ditunjukkan pada gambar:

Lebih merepotkan untuk menambahkan menggunakan Javascript (mungkin situasinya akan jauh lebih baik sekarang). Kami terutama menggunakan fungsi ekstensi browser. Ada parameter window.external.AddSearchProvider di Explorer (dokumentasi terperinci). Metode pemanggilan umumnya adalah sebagai berikut

window.external.AddSearchProvider('http://who.am.i/search.xml');

Tautan pada parameter adalah konten pada tautan di atas. Tersedia di bawah Firefox

jendela.sidebar.addSearchEngine(
"http://who.am.i/search.xml", /* URL mesin */
"favicon.ico", /* URL ikon */
"Nama Pendek", /* nama mesin */
"Deskripsi" ); /* nama kategori */

Parameter dan contoh seperti yang dijelaskan dalam kode contoh (dokumentasi resmi). Perlu dicatat bahwa Firefox2 dan versi yang lebih baru telah "kompatibel" dengan metode pemanggilan window.external.AddSearchProvider Explorer (detail). Kemudian kode Javascript kita yang sesuai dapat ditulis seperti ini (agar kompatibel dengan versi sebelum Firefox2, tambahkan else jika penilaian, jika dirasa tidak perlu, Anda tidak dapat menambahkannya)

fungsi addEngine(){
if (window.external || window.external.AddSearchProvider) {
window.external.AddSearchProvider('http://who.am.i/search.xml');
} else if (window.sidebar && window.sidebar.addSearchEngine) {
jendela.sidebar.addSearchEngine(
"http://who.am.i/search.xml",
"favicon.ico", /* URL ikon */
"Nama Pendek", /* nama mesin */
"Deskripsi" ); /* nama kategori */
}}

Dengan cara ini, Anda dapat mendaftarkan fungsi ini ke acara klik pada tautan atau tombol, dan kotak konfirmasi akan muncul. Seperti yang ditunjukkan pada gambar, setelah pengguna mengklik konfirmasi, itu akan ditambahkan ke kotak pencarian browser.