Chrome Extension - Snippet m? trang c?m �n, changelog

M?o nh? trong l?p tr?nh Chrome Extension

Tr�?c ��y t? hay d�ng localStorage �? t?o flag ��nh d?u khi n�o ng�?i d�ng v?a m?i c�i �?t extension c?a m?nh. V� sau n�y khi ng� qua m? ngu?n c?a m?y extension ph? bi?n c?ng th?y h? l�m c�ch t��ng t?. C? th? th? nh� n�y:

// background.js
(function($) {
  if ($.getItem('installed') === null) {
    $.setItem('installed', true);

    chrome.tabs.create({
      url: 'http://example.com/thank-you.html'
    });
  }
})(localStorage);

C�ch l�m n�y t?t nhi�n l� c� th? d�ng ��?c, kh�ng sao c?. Tuy nhi�n n� kh�ng chuy�n nghi?p, v?:

1. B?n ph?i t?o ra m?t d? li?u t?m th�ng qua localStorage.
2. B?n kh�ng th? bi?t ��?c ng�?i d�ng v?a c�i �?t hay ch? v?a c?p nh?t phi�n b?n m?i.

Sau n�y khi l?n m? trong Document c?a Google th? t? bi?t ��?c m?t c�ch hay h�n, xin chia s? l?i v?i c�c b?n:

// background.js
chrome.runtime.onInstalled.addListener(details => {
  switch (details.reason) {
    case 'install':
      chrome.tabs.create({url: 'http://example.com/thank-you.html'});
      break;

    case 'update':
      chrome.tabs.create({url: 'http://example.com/changelog.html'});
      break;
  }
});

�u �i?m c?a c�ch n�y:

1. L� API ch�nh th?c c?a Chrome.
2. Kh�ng c?n t?o d? li?u t?m �? l�m flag.
3. C� th? bi?t ng�?i d�ng v?a c�i �?t hay c?p nh?t phi�n b?n m?i. T? �� ch�ng ta c� th? m? trang c?m �n, Donate, CTA (k�u g?i ng�?i d�ng ��nh gi� extension tr�n Store ch?ng h?n) ho?c cho ng�?i d�ng bi?t c�c thay �?i trong phi�n b?n m?i (changelog).

Hi v?ng b�i vi?t n�y s? gi�p �ch ��?c c�c b?n trong vi?c t?o ra m?t Chrome Extension chuy�n nghi?p!

Tweet

Related Posts

Chrome Extension - Snippet m? trang c?m �n, changelog

4/ 5

Oleh Unknown

Unknown Pada 05:49 Bình Luận