chrome.i18n

Deskripsi

Manifes

Jika ekstensi memiliki direktori /_locales, manifes harus menentukan "default_locale".

Konsep dan penggunaan

Anda harus menempatkan semua string yang terlihat oleh pengguna ke dalam file bernama messages.json. Setiap kali menambahkan lokalitas baru, Anda menambahkan file pesan dalam direktori bernama /_locales/_localeCode_, dengan localeCode adalah kode seperti en untuk bahasa Inggris.

Berikut adalah hierarki file untuk ekstensi internasional yang mendukung bahasa Inggris (en), Spanyol (es), dan Korea (ko):

Mendukung beberapa bahasa

Misalkan Anda memiliki ekstensi dengan file yang ditampilkan dalam gambar berikut:

Untuk menginternasionalkan ekstensi ini, beri nama setiap string yang terlihat oleh pengguna dan masukkan ke dalam file pesan. Manifes, file CSS, dan kode JavaScript ekstensi menggunakan nama setiap string untuk mendapatkan versi yang dilokalkan.

Berikut adalah tampilan ekstensi saat diinternasionalisasi (perhatikan bahwa ekstensi hanya memiliki string bahasa Inggris):

<img "__msg_extname__",="" "default_locale"="" "en".="" "extname"."="" "hello="" _locates="" a="" alt="Dalam file manifest.json, " and="" be="" changed="" chrome.i18n.getmessage("extname").="" specified="" en="" file="" file,="" has="" hello="" in="" item="" javascript/extensions pesan.

Beberapa catatan tentang penginternasionalan:

• Anda dapat menggunakan salah satu lokalitas yang didukung. Jika Anda menggunakan lokalitas yang tidak didukung, Google Chrome akan mengabaikannya.

• Di manifest.json dan file CSS, lihat string bernama messagename seperti ini:

  __MSG_messagename__
  

• Di ekstensi atau kode JavaScript aplikasi Anda, lihat string dengan nama messagename seperti ini:

  chrome.i18n.getMessage("messagename")
  

• Pada setiap panggilan ke getMessage(), Anda dapat menyediakan hingga 9 string untuk disertakan dalam pesan. Lihat Contoh: getMessage untuk mengetahui detailnya.

• Beberapa pesan, seperti @@bidi_dir dan @@ui_locale, disediakan oleh sistem internasionalisasi. Lihat bagian Pesan standar untuk mengetahui daftar lengkap nama pesan standar.

• Di messages.json, setiap string yang terlihat oleh pengguna memiliki nama, item "pesan", dan item "deskripsi" opsional. Nama merupakan kunci seperti "extName" atau "search_string" yang mengidentifikasi string. "Pesan" menentukan nilai string dalam lokal ini. "Deskripsi" opsional memberikan bantuan kepada penerjemah, yang mungkin tidak dapat melihat cara string digunakan dalam ekstensi Anda. Contoh:

  {
    "search_string": {
      "message": "hello%20world",
      "description": "The string we search for. Put %20 between words that go together."
    },
    ...
  }
  

Untuk informasi selengkapnya, lihat Format: Pesan Khusus Lokal.

Setelah ekstensi diinternasionalkan, penerjemahan menjadi mudah. Anda menyalin messages.json, menerjemahkannya, dan menempatkan salinan ke direktori baru di /_locates. Misalnya, untuk mendukung bahasa Spanyol, cukup tempatkan salinan terjemahan messages.json di bagian /_locates/es. Gambar berikut menunjukkan ekstensi sebelumnya dengan terjemahan bahasa Spanyol yang baru.

Pesan standar

Sistem internasionalisasi menyediakan beberapa pesan standar untuk membantu Anda melokalkan. Keduanya mencakup @@ui_locale, sehingga Anda dapat mendeteksi lokalitas UI saat ini, dan beberapa pesan @@bidi_... yang memungkinkan Anda mendeteksi arah teks. Pesan yang terakhir memiliki nama yang mirip dengan konstanta di API BIDI (bi-directional) gadget.

Pesan khusus @@extension_id dapat digunakan dalam file CSS dan JavaScript, baik ekstensi maupun aplikasi dilokalkan atau tidak. Pesan ini tidak berfungsi dalam file manifes.

Tabel berikut menjelaskan setiap pesan standar.

Berikut adalah contoh penggunaan @@extension_id dalam file CSS untuk membuat URL:

body {
  background-image:url('chrome-extension://__MSG_@@extension_id__/background.png');
}

Jika ID ekstensi adalah abcdefghijklmnopqrstuvwxyzabcdef, baris tebal di cuplikan kode sebelumnya menjadi:

  background-image:url('chrome-extension://abcdefghijklmnopqrstuvwxyzabcdef/background.png');

Berikut adalah contoh penggunaan pesan @@bidi_* dalam file CSS:

body {
  direction: __MSG_@@bidi_dir__;
}

div#header {
  margin-bottom: 1.05em;
  overflow: hidden;
  padding-bottom: 1.5em;
  padding-__MSG_@@bidi_start_edge__: 0;
  padding-__MSG_@@bidi_end_edge__: 1.5em;
  position: relative;
}

Untuk bahasa yang ditulis dari kiri ke kanan seperti bahasa Inggris, baris yang dicetak tebal menjadi:

  dir: ltr;
  padding-left: 0;
  padding-right: 1.5em;

Lokal

Anda dapat memilih dari berbagai lokalitas, termasuk beberapa lokalitas (seperti en) yang memungkinkan satu terjemahan mendukung beberapa variasi bahasa (seperti en_GB dan en_US).

Anda dapat melokalkan ekstensi ke lokal mana pun yang didukung oleh Chrome Web Store. Jika lokalitas Anda tidak tercantum di sini, pilih alternatif yang paling mendekati. Misalnya, jika lokalitas default ekstensi Anda adalah "de_CH", pilih "de" di Chrome Web Store.

Menelusuri pesan

Anda tidak perlu menentukan setiap string untuk setiap lokalitas yang didukung. Selama file messages.json lokalitas default memiliki nilai untuk setiap string, ekstensi atau aplikasi Anda akan berjalan terlepas dari seberapa jarang terjemahannya. Berikut ini cara sistem ekstensi menelusuri pesan:

1. Telusuri file pesan (jika ada) dalam bahasa pilihan pengguna. Misalnya, jika lokalitas Google Chrome disetel ke bahasa Inggris Britania Raya (en_GB), sistem akan mencari pesan tersebut terlebih dahulu di /_locates/en_GB/messages.json. Jika file tersebut ada dan pesannya sudah ada di sana, sistem tidak akan mencari lebih jauh lagi.
2. Jika lokalitas pilihan pengguna memiliki wilayah (yaitu, lokal memiliki garis bawah: _), telusuri lokalitas tanpa wilayah tersebut. Misalnya, jika file pesan en_GB tidak ada atau tidak berisi pesan, sistem akan mencarinya di file pesan en. Jika file itu ada dan pesannya ada di sana, sistem tidak akan mencari lagi.
3. Telusuri file pesan untuk lokalitas default. Misalnya, jika "default_locale" ekstensi ditetapkan ke "es", dan tidak /_locates/en_GB/messages.json atau /_locates/en/messages.json tidak berisi pesan, ekstensi akan menggunakan pesan dari /_locates/es/messages.json.

Pada gambar berikut, pesan bernama "colores" berada di tiga lokalitas yang didukung ekstensi, tetapi "extName" hanya ada di dua lokalitas. Di mana pun pengguna menjalankan Google Chrome dalam bahasa Inggris AS melihat label "Colors", pengguna bahasa Inggris Britania akan melihat "Colors". Pengguna berbahasa Inggris AS dan Inggris Britania Raya melihat nama ekstensi "Hello World". Karena bahasa defaultnya adalah bahasa Spanyol, pengguna yang menjalankan Google Chrome dalam bahasa selain Inggris akan melihat label "Colores" dan nama ekstensi "Hola mundo".

Menyetel lokalitas browser Anda

Untuk menguji terjemahan, Anda dapat menyetel lokalitas browser. Bagian ini memberi tahu Anda cara menetapkan lokalitas di Windows, Mac OS X, Linux, dan ChromeOS.

Windows

Anda dapat mengubah lokalitas menggunakan pintasan khusus lokal atau UI Google Chrome. Pendekatan pintasan menjadi lebih cepat setelah Anda menyiapkannya, dan memungkinkan Anda menggunakan beberapa bahasa sekaligus.

Menggunakan pintasan khusus lokalitas

Untuk membuat dan menggunakan pintasan yang meluncurkan Google Chrome dengan lokal tertentu:

1. Buat salinan pintasan Google Chrome yang sudah ada di desktop Anda.
2. Ganti nama pintasan baru agar cocok dengan lokalitas baru.

3. Ubah properti pintasan sehingga kolom Target menentukan tanda --lang dan --user-data-dir. Target akan terlihat seperti ini:

   path_to_chrome.exe --lang=locale --user-data-dir=c:\locale_profile_dir
   

4. Luncurkan Google Chrome dengan mengklik dua kali pintasan.

Misalnya, untuk membuat pintasan yang meluncurkan Google Chrome dalam bahasa Spanyol (es), Anda dapat membuat pintasan bernama chrome-es yang memiliki target berikut:

path_to_chrome.exe --lang=es --user-data-dir=c:\chrome-profile-es

Anda dapat membuat sebanyak mungkin pintasan, sehingga memudahkan pengujian dalam beberapa bahasa. Contoh:

path_to_chrome.exe --lang=en --user-data-dir=c:\chrome-profile-en
path_to_chrome.exe --lang=en_GB --user-data-dir=c:\chrome-profile-en_GB
path_to_chrome.exe --lang=ko --user-data-dir=c:\chrome-profile-ko

Menggunakan UI

Berikut cara mengubah lokalitas menggunakan UI pada Google Chrome untuk Windows:

1. Ikon aplikasi > Opsi
2. Pilih tab Di Balik Terpal
3. Scroll ke bawah ke Konten Web
4. Klik Ubah setelan font dan bahasa
5. Pilih tab Languages
6. Gunakan menu drop-down untuk menyetel bahasa Google Chrome
7. Mulai ulang Chrome

Mac OS X

Untuk mengubah lokalitas di Mac, gunakan preferensi sistem.

1. Dari menu Apple, pilih System Preferences
2. Di bagian Pribadi, pilih Internasional
3. Pilih bahasa dan lokasi
4. Mulai ulang Chrome

Linux

Untuk mengubah lokalitas di Linux, tutup Google Chrome terlebih dahulu. Kemudian, semuanya dalam satu baris, setel variabel lingkungan LANGUAGE dan luncurkan Google Chrome. Contoh:

LANGUAGE=es ./chrome

ChromeOS

Untuk mengubah lokalitas di ChromeOS:

1. Dari area notifikasi, pilih Setelan.
2. Di bagian Bahasa dan input, pilih dropdown Bahasa.
3. Jika bahasa Anda tidak tercantum, klik Tambahkan bahasa dan tambahkan.
4. Setelah ditambahkan, klik item menu 3 titik Tindakan lainnya di samping bahasa Anda, lalu pilih Tampilkan ChromeOS dalam bahasa ini.
5. Klik tombol Mulai ulang yang muncul di samping bahasa yang disetel untuk memulai ulang ChromeOS.

Contoh

Anda dapat menemukan contoh sederhana internasionalisasi dalam direktori examples/api/i18n. Untuk mengetahui contoh lengkapnya, lihat examples/extensions/news. Untuk mengetahui contoh lainnya dan bantuan dalam melihat kode sumber, lihat Contoh.

getMessage()

Kode berikut mendapatkan pesan yang dilokalkan dari browser dan menampilkannya sebagai string. Fungsi ini menggantikan dua placeholder dalam pesan dengan string "string1" dan "string2".

function getMessage() {
  var message = chrome.i18n.getMessage("click_here", ["string1", "string2"]);
  document.getElementById("languageSpan").innerHTML = message;
}

Berikut adalah cara menyediakan dan menggunakan string tunggal:

  // In JavaScript code
  status.innerText = chrome.i18n.getMessage("error", errorDetails);

"error": {
  "message": "Error: $details$",
  "description": "Generic error template. Expects error parameter to be passed in.",
  "placeholders": {
    "details": {
      "content": "$1",
      "example": "Failed to fetch RSS feed."
    }
  }
}

Untuk informasi selengkapnya tentang placeholder, lihat halaman Pesan Khusus Lokal. Untuk mengetahui detail tentang cara memanggil getMessage(), lihat referensi API.

getAcceptLanguages()

Kode berikut mendapatkan bahasa yang dapat diterima dari browser dan menampilkannya sebagai string dengan memisahkan setiap bahasa yang dapat diterima dengan ','.

function getAcceptLanguages() {
  chrome.i18n.getAcceptLanguages(function(languageList) {
    var languages = languageList.join(",");
    document.getElementById("languageSpan").innerHTML = languages;
  })
}

Untuk mengetahui detail tentang cara memanggil getAcceptLanguages(), lihat referensi API.

detectLanguage()

Kode berikut mendeteksi hingga 3 bahasa dari string yang diberikan dan menampilkan hasilnya sebagai string yang dipisahkan oleh baris baru.

function detectLanguage(inputText) {
  chrome.i18n.detectLanguage(inputText, function(result) {
    var outputLang = "Detected Language: ";
    var outputPercent = "Language Percentage: ";
    for(i = 0; i < result.languages.length; i++) {
      outputLang += result.languages[i].language + " ";
      outputPercent +=result.languages[i].percentage + " ";
    }
    document.getElementById("languageSpan").innerHTML = outputLang + "\n" + outputPercent + "\nReliable: " + result.isReliable;
  });
}

Untuk detail selengkapnya tentang cara memanggil detectLanguage(inputText), lihat referensi API.

chrome.i18n.detectLanguage(
  text: string,
  callback?: function,
)

chrome.i18n.getAcceptLanguages(
  callback?: function,
)

chrome.i18n.getMessage(
  messageName: string,
  substitutions?: any,
  options?: object,
)

chrome.i18n.getUILanguage()