{"id":3741,"date":"2017-03-29T07:21:25","date_gmt":"2017-03-29T07:21:25","guid":{"rendered":"https:\/\/www.codebee.co.th\/labs\/?p=3741"},"modified":"2017-03-31T03:13:34","modified_gmt":"2017-03-31T03:13:34","slug":"%e0%b8%a7%e0%b8%b4%e0%b8%98%e0%b8%b5%e0%b8%97%e0%b8%b3-chrome-extension-%e0%b9%81%e0%b8%a5%e0%b8%b0%e0%b8%ad%e0%b8%b1%e0%b8%9e%e0%b9%82%e0%b8%ab%e0%b8%a5%e0%b8%94%e0%b8%82%e0%b8%b6%e0%b9%89","status":"publish","type":"post","link":"https:\/\/www.codebee.co.th\/labs\/%e0%b8%a7%e0%b8%b4%e0%b8%98%e0%b8%b5%e0%b8%97%e0%b8%b3-chrome-extension-%e0%b9%81%e0%b8%a5%e0%b8%b0%e0%b8%ad%e0%b8%b1%e0%b8%9e%e0%b9%82%e0%b8%ab%e0%b8%a5%e0%b8%94%e0%b8%82%e0%b8%b6%e0%b9%89\/","title":{"rendered":"\u0e27\u0e34\u0e18\u0e35\u0e17\u0e33 Chrome Extension \u0e41\u0e25\u0e30\u0e2d\u0e31\u0e1e\u0e42\u0e2b\u0e25\u0e14\u0e02\u0e36\u0e49\u0e19 Chrome Web Store"},"content":{"rendered":"<h2>\u0e27\u0e34\u0e18\u0e35\u0e17\u0e33 Chrome Extension \u0e41\u0e25\u0e30\u0e2d\u0e31\u0e1e\u0e42\u0e2b\u0e25\u0e14\u0e02\u0e36\u0e49\u0e19 Chrome Web Store<\/h2>\n<p><\/br><br \/>\n<strong>\u0e27\u0e34\u0e18\u0e35\u0e17\u0e33 Chrome Extension \u0e41\u0e25\u0e30\u0e2d\u0e31\u0e1e\u0e42\u0e2b\u0e25\u0e14\u0e02\u0e36\u0e49\u0e19 Chrome Web Store<\/strong><br \/>\nGoogle Chrome Extension \u0e04\u0e37\u0e2d\u0e2a\u0e48\u0e27\u0e19\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e17\u0e35\u0e48\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e40\u0e08\u0e32\u0e30\u0e08\u0e07\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e42\u0e1b\u0e23\u0e41\u0e01\u0e23\u0e21\u0e40\u0e27\u0e47\u0e1a\u0e40\u0e1a\u0e23\u0e32\u0e27\u0e4c\u0e40\u0e0b\u0e2d\u0e23\u0e4c\u0e22\u0e2d\u0e14\u0e19\u0e34\u0e22\u0e21\u0e02\u0e2d\u0e07 Google \u0e2d\u0e22\u0e48\u0e32\u0e07 Chrome \u0e40\u0e23\u0e32\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e1e\u0e31\u0e12\u0e19\u0e32 extension \u0e2b\u0e23\u0e37\u0e2d\u0e2a\u0e48\u0e27\u0e19\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e19\u0e35\u0e49\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e40\u0e2d\u0e07 \u0e2b\u0e23\u0e37\u0e2d\u0e2d\u0e31\u0e1e\u0e42\u0e2b\u0e25\u0e14\u0e02\u0e36\u0e49\u0e19 Chrome web store \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e08\u0e33\u0e2b\u0e19\u0e48\u0e32\u0e22\u0e2b\u0e23\u0e37\u0e2d\u0e41\u0e08\u0e01\u0e08\u0e48\u0e32\u0e22\u0e1f\u0e23\u0e35<!--more--><\/p>\n<p><\/br><br \/>\n\u0e43\u0e19\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e02\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32 chrome extension \u0e19\u0e31\u0e49\u0e19 \u0e08\u0e30\u0e41\u0e22\u0e01\u0e40\u0e1b\u0e47\u0e19 2 \u0e2a\u0e48\u0e27\u0e19\u0e2b\u0e25\u0e31\u0e01 \u0e46 \u0e04\u0e37\u0e2d <\/p>\n<ul>\n<li><strong>1. Unpack Extension<\/strong> \u0e08\u0e30\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e48\u0e27\u0e19\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e17\u0e35\u0e48\u0e40\u0e23\u0e32\u0e0b\u0e36\u0e48\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e1c\u0e39\u0e49\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e08\u0e30\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e40\u0e1b\u0e34\u0e14\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e44\u0e14\u0e49\u0e1a\u0e19\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e44\u0e14\u0e49\u0e17\u0e31\u0e19\u0e17\u0e35 \u0e42\u0e14\u0e22\u0e44\u0e21\u0e48\u0e44\u0e14\u0e49\u0e2d\u0e31\u0e1e\u0e42\u0e2b\u0e25\u0e14\u0e02\u0e36\u0e49\u0e19\u0e44\u0e1b\u0e40\u0e1c\u0e22\u0e41\u0e1e\u0e23\u0e48\u0e43\u0e19 Chrome web store<\/li>\n<li><strong>2. Pack Extension<\/strong> \u0e08\u0e30\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e48\u0e27\u0e19\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e17\u0e35\u0e48\u0e2d\u0e31\u0e1e\u0e42\u0e2b\u0e25\u0e14\u0e02\u0e36\u0e49\u0e19\u0e44\u0e1b\u0e40\u0e1c\u0e22\u0e41\u0e1e\u0e23\u0e48\u0e1a\u0e19 Chrome web store \u0e41\u0e25\u0e30\u0e04\u0e19\u0e2d\u0e37\u0e48\u0e19\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19 extension \u0e17\u0e35\u0e48\u0e40\u0e23\u0e32\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e44\u0e14\u0e49\u0e43\u0e19\u0e17\u0e38\u0e01 \u0e46 \u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e04\u0e2d\u0e21\u0e1e\u0e34\u0e27\u0e40\u0e15\u0e2d\u0e23\u0e4c\u0e17\u0e35\u0e48\u0e43\u0e0a\u0e49 Chrome browser<\/li>\n<\/ul>\n<p><\/br><\/p>\n<h4>\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e2a\u0e23\u0e49\u0e32\u0e07 Google Chrome Extension<\/h4>\n<ul>\n<li><strong>1. \u0e2a\u0e23\u0e49\u0e32\u0e07\u0e42\u0e1f\u0e25\u0e40\u0e14\u0e49\u0e2d chrome_hello_extension<\/strong><br \/>\n\u0e08\u0e30\u0e40\u0e1b\u0e47\u0e19\u0e42\u0e1f\u0e25\u0e40\u0e14\u0e49\u0e2d\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e40\u0e01\u0e47\u0e1a\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\u0e02\u0e2d\u0e07 extension \u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e0a\u0e48\u0e19 \u0e44\u0e1f\u0e25\u0e4c .json, javascript \u0e41\u0e25\u0e30\u0e44\u0e1f\u0e25\u0e4c\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e \u0e40\u0e1b\u0e47\u0e19\u0e15\u0e49\u0e19<br \/>\n<\/br><br \/>\n<strong>\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e20\u0e32\u0e22\u0e43\u0e19\u0e42\u0e1f\u0e25\u0e40\u0e14\u0e49\u0e2d\u0e08\u0e30\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e44\u0e1b\u0e14\u0e49\u0e27\u0e22\u0e44\u0e1f\u0e25\u0e4c .json .js \u0e41\u0e25\u0e30 icon \u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e<\/strong><br \/>\n<img decoding=\"async\" src=\"https:\/\/www.codebee.co.th\/labs\/wp-content\/uploads\/2017\/03\/\u0e27\u0e34\u0e18\u0e35\u0e17\u0e33-chrome-extension-1.png\" alt=\"\u0e27\u0e34\u0e18\u0e35\u0e17\u0e33-chrome-extension\" \/><br \/>\n<\/br>\n<\/li>\n<p> <\/br><\/p>\n<li>2. <strong>\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e44\u0e1f\u0e25\u0e4c manifest.json<\/strong><br \/>\nmanifest.json \u0e08\u0e30\u0e17\u0e33\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e43\u0e19\u0e01\u0e32\u0e23\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e04\u0e48\u0e32\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19 \u0e23\u0e49\u0e2d\u0e07\u0e02\u0e2d permission \u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07\u0e02\u0e2d\u0e07\u0e44\u0e2d\u0e04\u0e2d\u0e19\u0e17\u0e35\u0e48\u0e08\u0e30\u0e43\u0e2b\u0e49\u0e41\u0e2a\u0e14\u0e07 \u0e40\u0e23\u0e35\u0e22\u0e01\u0e44\u0e14\u0e49\u0e27\u0e48\u0e32\u0e40\u0e1b\u0e47\u0e19\u0e01\u0e32\u0e23\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e15\u0e48\u0e32\u0e07 \u0e46 \u0e02\u0e2d\u0e07\u0e2a\u0e48\u0e27\u0e19\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e17\u0e35\u0e48\u0e40\u0e23\u0e32\u0e08\u0e30\u0e1e\u0e31\u0e12\u0e19\u0e32<br \/>\n<\/br><br \/>\n<strong>\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e44\u0e1f\u0e25\u0e4c manifest.json<\/strong><\/p>\n<pre class=\"lang:default decode:true \" >{\r\n  \"name\": \"Hello World!\",\r\n  \"description\": \"\u0e17\u0e14\u0e2a\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e2a\u0e23\u0e49\u0e32\u0e07 google chrome extension.\",\r\n  \"version\": \"0.1\",\r\n  \"manifest_version\": 2,\r\n  \"app\": {\r\n    \"background\": {\r\n      \"scripts\": [\"background.js\"]\r\n    }\r\n  },\r\n  \"icons\": { \"16\": \"codebee-16x16.png\", \"128\": \"codebee-128x128.png\" }\r\n}<\/pre>\n<\/li>\n<p><\/br><\/p>\n<li><strong>3. \u0e2a\u0e23\u0e49\u0e32\u0e07\u0e44\u0e1f\u0e25\u0e4c background.js<\/strong><br \/>\n\u0e08\u0e30\u0e40\u0e2b\u0e47\u0e19\u0e27\u0e48\u0e32\u0e43\u0e19\u0e44\u0e1f\u0e25\u0e4c manifest.json \u0e40\u0e23\u0e32\u0e44\u0e14\u0e49\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e43\u0e2b\u0e49\u0e21\u0e35\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e01\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e44\u0e1f\u0e25\u0e4c background.js \u0e40\u0e1e\u0e23\u0e32\u0e30\u0e09\u0e30\u0e19\u0e31\u0e49\u0e19\u0e40\u0e23\u0e32\u0e08\u0e33\u0e40\u0e1b\u0e47\u0e19\u0e08\u0e30\u0e15\u0e49\u0e2d\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e44\u0e1f\u0e25\u0e4c javascript \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e21\u0e32\u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e02\u0e35\u0e22\u0e19\u0e42\u0e04\u0e4a\u0e14\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e2b\u0e25\u0e31\u0e01\u0e02\u0e2d\u0e07 extension<br \/>\n<\/br><br \/>\n<strong>\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e44\u0e1f\u0e25\u0e4c baackground.js<\/strong><\/p>\n<pre class=\"lang:default decode:true \" >\r\nchrome.app.runtime.onLaunched.addListener(function() {\r\n  chrome.app.window.create('window.html', {\r\n    'outerBounds': {\r\n      'width': 400,\r\n      'height': 500\r\n    }\r\n  });\r\n});\r\n<\/pre>\n<p>\u0e08\u0e32\u0e01\u0e42\u0e04\u0e4a\u0e14\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e14\u0e49\u0e32\u0e19\u0e1a\u0e19\u0e08\u0e30\u0e40\u0e1b\u0e47\u0e19\u0e01\u0e32\u0e23\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e43\u0e2b\u0e49\u0e40\u0e1b\u0e34\u0e14\u0e2b\u0e19\u0e49\u0e32\u0e15\u0e48\u0e32\u0e07\u0e40\u0e1a\u0e23\u0e32\u0e27\u0e4c\u0e40\u0e0b\u0e2d\u0e23\u0e4c\u0e02\u0e19\u0e32\u0e14 400x600px \u0e17\u0e31\u0e19\u0e17\u0e35\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e21\u0e35\u0e01\u0e32\u0e23\u0e40\u0e1b\u0e34\u0e14\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19 extension\n<\/li>\n<p><\/br><\/p>\n<li>4. <strong>\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e23\u0e39\u0e1b\u0e44\u0e2d\u0e04\u0e2d\u0e19\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a Extension<\/strong><br \/>\n\u0e08\u0e30\u0e2a\u0e31\u0e07\u0e40\u0e01\u0e15\u0e38\u0e27\u0e48\u0e32\u0e43\u0e19\u0e44\u0e1f\u0e25\u0e4c manifest.json \u0e40\u0e23\u0e32\u0e44\u0e14\u0e49\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e44\u0e2d\u0e04\u0e2d\u0e19\u0e44\u0e27\u0e49 2 \u0e02\u0e19\u0e32\u0e14\u0e04\u0e37\u0e2d 16&#215;16 \u0e41\u0e25\u0e30 128&#215;128<\/p>\n<pre class=\"lang:default decode:true \" >\"icons\": { \"16\": \"codebee-16x16.png\", \"128\": \"codebee-128x128.png\" }<\/pre>\n<p>\u0e43\u0e2b\u0e49\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e44\u0e1f\u0e25\u0e4c .png \u0e17\u0e31\u0e49\u0e07 2 \u0e02\u0e19\u0e32\u0e14\u0e41\u0e25\u0e30\u0e27\u0e32\u0e07\u0e44\u0e1f\u0e25\u0e4c\u0e43\u0e19\u0e42\u0e1f\u0e25\u0e40\u0e14\u0e49\u0e2d chrome_hello_extension \u0e40\u0e1e\u0e35\u0e22\u0e07\u0e40\u0e17\u0e48\u0e32\u0e19\u0e35\u0e49\u0e2a\u0e48\u0e27\u0e19\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32\u0e01\u0e47\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e41\u0e25\u0e30\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e43\u0e19 Google Chrome Browser \u0e41\u0e25\u0e49\u0e27\u0e04\u0e23\u0e31\u0e1a\n<\/li>\n<\/ul>\n<p><\/br><\/p>\n<h4>\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e41\u0e25\u0e30\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19<\/h4>\n<ul>\n<li><strong>\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e41\u0e1a\u0e1a Unpacked Extension ( \u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e1a\u0e19\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07 )<\/strong><br \/>\n\u0e40\u0e1b\u0e34\u0e14 Google Chrome Browser \u0e41\u0e25\u0e30\u0e1e\u0e34\u0e21\u0e1e\u0e4c <a href=\"chrome:\/\/extensions\/\" target=\"_blank\">chrome:\/\/extensions\/<\/a> \u0e21\u0e2d\u0e07\u0e2b\u0e32\u0e04\u0e33\u0e27\u0e48\u0e32 <strong>Developer Mode<\/strong> \u0e43\u0e2b\u0e49\u0e15\u0e34\u0e4a\u0e01\u0e16\u0e39\u0e01 \u0e08\u0e30\u0e1b\u0e23\u0e32\u0e01\u0e0f\u0e1b\u0e38\u0e48\u0e21\u0e40\u0e21\u0e19\u0e39\u0e0a\u0e37\u0e48\u0e2d\u0e27\u0e48\u0e32 <strong>Load Unpacked Extension<\/strong> \u0e43\u0e2b\u0e49\u0e04\u0e25\u0e34\u0e01\u0e41\u0e25\u0e30\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e42\u0e1f\u0e25\u0e40\u0e14\u0e49\u0e2d chrome_hello_extension \u0e17\u0e35\u0e48\u0e40\u0e23\u0e32\u0e44\u0e14\u0e49\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e44\u0e27\u0e49\u0e43\u0e19\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e01\u0e48\u0e2d\u0e19\u0e2b\u0e19\u0e49\u0e32\u0e19\u0e35\u0e49 \u0e16\u0e49\u0e32\u0e44\u0e21\u0e48\u0e21\u0e35\u0e2d\u0e30\u0e44\u0e23\u0e1c\u0e34\u0e14\u0e1e\u0e25\u0e32\u0e14\u0e2a\u0e48\u0e27\u0e19\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32\u0e01\u0e47\u0e08\u0e30\u0e16\u0e39\u0e01\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e40\u0e23\u0e35\u0e22\u0e1a\u0e23\u0e49\u0e2d\u0e22\u0e41\u0e25\u0e49\u0e27\u0e43\u0e2b\u0e49\u0e23\u0e2d\u0e07\u0e17\u0e14\u0e2a\u0e2d\u0e1a\u0e42\u0e14\u0e22\u0e01\u0e32\u0e23\u0e01\u0e14\u0e1b\u0e38\u0e48\u0e21 Launch<br \/>\n<\/br><br \/>\n<img decoding=\"async\" src=\"https:\/\/www.codebee.co.th\/labs\/wp-content\/uploads\/2017\/03\/\u0e27\u0e34\u0e18\u0e35\u0e17\u0e33-chrome-extension-5.png\" alt=\"\u0e27\u0e34\u0e18\u0e35\u0e17\u0e33-chrome-extension\" \/><br \/>\n<\/br>\n<\/li>\n<li><strong>\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e41\u0e1a\u0e1a Pack Extension ( \u0e2d\u0e31\u0e1e\u0e42\u0e2b\u0e25\u0e14\u0e02\u0e36\u0e49\u0e19 Chrome web store )<\/strong><br \/>\n\u0e40\u0e2b\u0e21\u0e37\u0e2d\u0e19\u0e01\u0e31\u0e19\u0e04\u0e23\u0e31\u0e1a\u0e44\u0e1b\u0e17\u0e35\u0e48 <a href=\"chrome:\/\/extensions\/\" target=\"_blank\">chrome:\/\/extensions\/<\/a> \u0e21\u0e2d\u0e07\u0e2b\u0e32\u0e04\u0e33\u0e27\u0e48\u0e32 <strong>Developer Mode<\/strong> \u0e15\u0e34\u0e4a\u0e01\u0e16\u0e39\u0e01 \u0e41\u0e15\u0e48\u0e04\u0e23\u0e32\u0e27\u0e19\u0e35\u0e49\u0e43\u0e2b\u0e49\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e44\u0e1b\u0e17\u0e35\u0e48 Pack Extension \u0e08\u0e30\u0e1b\u0e23\u0e32\u0e01\u0e0f popup \u0e02\u0e36\u0e49\u0e19\u0e21\u0e32\u0e43\u0e2b\u0e49\u0e40\u0e23\u0e32\u0e43\u0e2a\u0e48\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25 2 \u0e0a\u0e48\u0e2d\u0e07 \u0e04\u0e37\u0e2d<br \/>\n<strong>Extension Root Directory<\/strong> \u0e43\u0e2b\u0e49\u0e40\u0e23\u0e32\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e42\u0e1f\u0e25\u0e40\u0e14\u0e49\u0e2d\u0e2a\u0e48\u0e27\u0e19\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e17\u0e35\u0e48\u0e40\u0e23\u0e32\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e44\u0e27\u0e49\u0e04\u0e37\u0e2d chrome_hello_extension<br \/>\n<strong>Private Key File<\/strong> \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e48\u0e27\u0e19\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e04\u0e23\u0e31\u0e49\u0e07\u0e41\u0e23\u0e01\u0e43\u0e2b\u0e49\u0e40\u0e23\u0e32\u0e25\u0e30\u0e44\u0e27\u0e49 \u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e2d\u0e30\u0e44\u0e23<br \/>\n<\/br><br \/>\n<img decoding=\"async\" src=\"https:\/\/www.codebee.co.th\/labs\/wp-content\/uploads\/2017\/03\/\u0e27\u0e34\u0e18\u0e35\u0e17\u0e33-chrome-extension-6.png\" alt=\"\u0e27\u0e34\u0e18\u0e35\u0e17\u0e33-chrome-extension\" \/><br \/>\n<\/br><br \/>\n\u0e2b\u0e25\u0e31\u0e07\u0e08\u0e32\u0e01\u0e17\u0e35\u0e48\u0e40\u0e23\u0e32\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e42\u0e1f\u0e25\u0e40\u0e14\u0e49\u0e2d\u0e02\u0e2d\u0e07\u0e2a\u0e48\u0e27\u0e19\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e40\u0e23\u0e35\u0e22\u0e1a\u0e23\u0e49\u0e2d\u0e22\u0e41\u0e25\u0e49\u0e27\u0e43\u0e2b\u0e49\u0e01\u0e14\u0e1b\u0e38\u0e48\u0e21 Pack Extension \u0e16\u0e49\u0e32\u0e44\u0e21\u0e48\u0e21\u0e35\u0e2d\u0e30\u0e44\u0e23\u0e1c\u0e34\u0e14\u0e1e\u0e25\u0e32\u0e14 \u0e42\u0e1b\u0e23\u0e41\u0e01\u0e23\u0e21 chrome \u0e08\u0e30\u0e17\u0e33\u0e01\u0e32\u0e23 generate \u0e44\u0e1f\u0e25\u0e4c 2 \u0e44\u0e1f\u0e25\u0e4c\u0e43\u0e2b\u0e49\u0e40\u0e23\u0e32\u0e04\u0e37\u0e2d <strong>chrome_hello_extension.pem \u0e41\u0e25\u0e30 chrome_hello_extension.crx<\/strong> \u0e40\u0e1e\u0e35\u0e22\u0e07\u0e40\u0e17\u0e48\u0e32\u0e19\u0e35\u0e49 extension \u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32\u0e01\u0e47\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e17\u0e35\u0e48\u0e08\u0e30\u0e2d\u0e31\u0e1e\u0e42\u0e2b\u0e25\u0e14\u0e02\u0e36\u0e49\u0e19 chrome web store \u0e41\u0e25\u0e49\u0e27\n<\/li>\n<\/ul>\n<p><\/br><\/p>\n<h4>\u0e01\u0e32\u0e23\u0e2d\u0e31\u0e1e\u0e42\u0e2b\u0e25\u0e14\u0e02\u0e36\u0e49\u0e19 Chrome web store<\/h4>\n<p>\u0e27\u0e34\u0e18\u0e35\u0e01\u0e32\u0e23\u0e2d\u0e31\u0e1e\u0e42\u0e2b\u0e25\u0e14\u0e02\u0e36\u0e49\u0e19 chrome web store \u0e01\u0e47\u0e44\u0e21\u0e48\u0e21\u0e35\u0e2d\u0e30\u0e44\u0e23\u0e22\u0e38\u0e48\u0e07\u0e22\u0e32\u0e01\u0e04\u0e23\u0e31\u0e1a \u0e43\u0e2b\u0e49\u0e40\u0e23\u0e32\u0e17\u0e33\u0e01\u0e32\u0e23 rename \u0e44\u0e1f\u0e25\u0e4c <strong>chrome_hello_extension.pem<\/strong> \u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e0a\u0e37\u0e48\u0e2d\u0e40\u0e1b\u0e47\u0e19 <strong>key.pem<\/strong> \u0e41\u0e25\u0e30\u0e19\u0e33\u0e44\u0e1b\u0e27\u0e32\u0e07\u0e44\u0e27\u0e49\u0e43\u0e19\u0e42\u0e1f\u0e25\u0e40\u0e14\u0e49\u0e2d\u0e2b\u0e25\u0e31\u0e01\u0e0a\u0e31\u0e49\u0e19\u0e41\u0e23\u0e01\u0e02\u0e2d\u0e07\u0e2a\u0e48\u0e27\u0e19\u0e40\u0e2a\u0e23\u0e34\u0e21 \u0e08\u0e32\u0e01\u0e19\u0e31\u0e49\u0e19\u0e43\u0e2b\u0e49\u0e17\u0e33\u0e01\u0e32\u0e23 zip \u0e42\u0e1f\u0e25\u0e40\u0e14\u0e49\u0e2d \u0e41\u0e25\u0e30\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e2d\u0e31\u0e1e\u0e42\u0e2b\u0e25\u0e14\u0e04\u0e37\u0e2d <a href=\"https:\/\/chrome.google.com\/webstore\/developer\/dashboard\" target=\"_blank\">https:\/\/chrome.google.com\/webstore\/developer\/dashboard<\/a><br \/>\n<strong>\u0e2a\u0e48\u0e27\u0e19\u0e44\u0e1f\u0e25\u0e4c .crx \u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e2d\u0e31\u0e1e\u0e42\u0e2b\u0e25\u0e14\u0e02\u0e36\u0e49\u0e19\u0e44\u0e1b\u0e19\u0e30\u0e04\u0e23\u0e31\u0e1a<\/strong><br \/>\n<\/br><br \/>\n<img decoding=\"async\" src=\"https:\/\/www.codebee.co.th\/labs\/wp-content\/uploads\/2017\/03\/\u0e27\u0e34\u0e18\u0e35\u0e17\u0e33-chrome-extension-8.png\" alt=\"\u0e27\u0e34\u0e18\u0e35\u0e17\u0e33-chrome-extension\" \/><br \/>\n<\/br><br \/>\n\u0e2b\u0e25\u0e31\u0e07\u0e08\u0e32\u0e01\u0e2d\u0e31\u0e1e\u0e42\u0e2b\u0e25\u0e14\u0e40\u0e2a\u0e23\u0e47\u0e08\u0e41\u0e25\u0e49\u0e27 \u0e08\u0e33\u0e40\u0e1b\u0e47\u0e19\u0e08\u0e30\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e23\u0e2d\u0e01\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e15\u0e48\u0e32\u0e07 \u0e46 \u0e40\u0e0a\u0e48\u0e19 \u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e04\u0e38\u0e13\u0e2a\u0e21\u0e1a\u0e31\u0e15\u0e34\u0e02\u0e2d\u0e07\u0e41\u0e2d\u0e1e \u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a \u0e44\u0e2d\u0e04\u0e2d\u0e19 \u0e25\u0e34\u0e07\u0e04\u0e4c\u0e27\u0e34\u0e18\u0e35\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e43\u0e19 youtube \u0e40\u0e1b\u0e47\u0e19\u0e41\u0e2d\u0e1e\u0e1f\u0e23\u0e35\u0e2b\u0e23\u0e37\u0e2d\u0e44\u0e21\u0e48 \u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15\u0e34\u0e43\u0e19\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\u0e2d\u0e30\u0e44\u0e23\u0e1a\u0e49\u0e32\u0e07 \u0e2b\u0e25\u0e31\u0e01\u0e01\u0e32\u0e23\u0e40\u0e14\u0e35\u0e22\u0e27\u0e01\u0e31\u0e19\u0e01\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e2d\u0e31\u0e1e\u0e42\u0e2b\u0e25\u0e14\u0e41\u0e2d\u0e1e\u0e1e\u0e25\u0e34\u0e40\u0e04\u0e0a\u0e31\u0e48\u0e19\u0e02\u0e36\u0e49\u0e19\u0e44\u0e1b\u0e1a\u0e19 Google Play Store \u0e44\u0e21\u0e48\u0e44\u0e14\u0e49\u0e21\u0e35\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e22\u0e38\u0e48\u0e07\u0e22\u0e32\u0e01\u0e2d\u0e30\u0e44\u0e23 \u0e40\u0e1e\u0e35\u0e22\u0e07\u0e41\u0e15\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e23\u0e2d\u0e01\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e22\u0e2d\u0e30\u0e1e\u0e2d\u0e2a\u0e21\u0e04\u0e27\u0e23 \u0e2b\u0e32\u0e01 extension \u0e1c\u0e48\u0e32\u0e19\u0e01\u0e32\u0e23\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e40\u0e23\u0e35\u0e22\u0e1a\u0e23\u0e49\u0e2d\u0e22\u0e41\u0e25\u0e49\u0e27 \u0e01\u0e47\u0e08\u0e30\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e44\u0e14\u0e49\u0e17\u0e31\u0e19\u0e17\u0e35 \u0e43\u0e0a\u0e49\u0e23\u0e30\u0e22\u0e30\u0e40\u0e27\u0e25\u0e32\u0e43\u0e19\u0e01\u0e32\u0e23\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 24 \u0e0a\u0e31\u0e48\u0e27\u0e42\u0e21\u0e07<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0e27\u0e34\u0e18\u0e35\u0e17\u0e33 Chrome Extension \u0e41\u0e25\u0e30\u0e2d\u0e31\u0e1e\u0e42\u0e2b\u0e25\u0e14\u0e02\u0e36\u0e49\u0e19 Chrome Web Store \u0e27\u0e34\u0e18\u0e35\u0e17\u0e33 Chrome Extension \u0e41\u0e25\u0e30\u0e2d\u0e31\u0e1e\u0e42\u0e2b\u0e25\u0e14\u0e02\u0e36\u0e49\u0e19 Chrome Web Store Google Chrome Extension \u0e04\u0e37\u0e2d\u0e2a\u0e48\u0e27\u0e19\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e17\u0e35\u0e48\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e40\u0e08\u0e32\u0e30\u0e08\u0e07\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e42\u0e1b\u0e23\u0e41\u0e01\u0e23\u0e21\u0e40\u0e27\u0e47\u0e1a\u0e40\u0e1a\u0e23\u0e32\u0e27\u0e4c\u0e40\u0e0b\u0e2d\u0e23\u0e4c\u0e22\u0e2d\u0e14\u0e19\u0e34\u0e22\u0e21\u0e02\u0e2d\u0e07 Google \u0e2d\u0e22\u0e48\u0e32\u0e07&#8230;<\/p>\n","protected":false},"author":1,"featured_media":3761,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"video","meta":{"footnotes":""},"categories":[1,46],"tags":[1473,1481,1475,1477,1478,1479,1472,1476,1482,1474,1471,1470,1480,1483,303],"class_list":{"0":"post-3741","1":"post","2":"type-post","3":"status-publish","4":"format-video","5":"has-post-thumbnail","6":"hentry","7":"category-1","8":"category-website-development-","9":"tag-chrome-extension","10":"tag-chrome-plugin","11":"tag-chrome-web-store","12":"tag-extension","13":"tag-google-chrome","14":"tag-google-chrome-apps","15":"tag-google-chrome-extension","16":"tag-web-store","17":"tag--chrome-extension","20":"tag--google-chrome-extension","22":"tag--extension","23":"tag-303","24":"post_format-post-format-video"},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/posts\/3741","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/comments?post=3741"}],"version-history":[{"count":17,"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/posts\/3741\/revisions"}],"predecessor-version":[{"id":3788,"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/posts\/3741\/revisions\/3788"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/media\/3761"}],"wp:attachment":[{"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/media?parent=3741"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/categories?post=3741"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/tags?post=3741"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}