Hiển thị các bài đăng có nhãn Chrome. Hiển thị tất cả bài đăng
Hiển thị các bài đăng có nhãn Chrome. Hiển thị tất cả bài đăng

Thứ Bảy, 15 tháng 10, 2016

Thứ Năm, 26 tháng 5, 2016

Thứ Ba, 6 tháng 10, 2015

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

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

chrome-extension-tutorial

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!