Tutorial membuat google chrome extension

Chrome adalah sebuah browser atau penggaya yang sudah tidak asing lagi untuk publik, Google Chrome memiliki keunggulan tersendiri jika dibandingkan dengan browser pesaingnya, walaupun saya sendiri tidak menggunakan browser chrome sebagai browser utama.

Dalam dunia bisnis, proses QA (Quality Analyst) adalah sebuah proses untuk memastikan bahwa aplikasi yang sudah dibuat oleh developer semua fiturnya sudah berfungsi dengan baik. Berdasarkan pengalaman pekerjaan yang pernah saya alami, seharusnya proses ini dapat diautomasi, sehingga proses QA ini dapat berlansung secara cepat dan efisien.
Selenium, Chromium, PhantomJs, adalah satu publik tool yang sering digunakan oleh para profesional menurut artikel-artikel yang ada di internet. Namun, tool ini memiliki banyak kelemahan ketika kita ingin menautomasinya, contoh seperti ketika konten html berjalan berdasarkan perintah javascript, sulitnya mendeteksi elemen pada popup dan lain sebagainya.

sampai akhirnya saya ingin mencoba mengautomasi ini dengan menggunakan google chrome extension, sambil praktek, sambil bikin artikel tutorial membuat google chrome extension ini, biar jadi catetan kalo nanti lupa lagi gimana caranya membuat google chrome extention.

Agar tidak bingung dalam pembelajarannya, akan dicoba untuk hal yang sederhana terlebih dahulu, seperti refresh page otomatis.

Struktur File

Manifest.json

Secara tekhnis situs app manifest adalah JSON yang simple, yang menjelaskan secara sistematik dan terstruktur perihal pelaksanaan suatu appberjalan. Terhadap situs app manifest ini akan menambahkan julukan pelaksanaan, icon yang dipakai sebagai pembeda secara visual bersama pelaksanaan lain dan sebagainya.secara teknis web site app manifest adalah JSON yang sederhana yang menjelaskan secara sistematik dan terstruktur berkaitan aplikasi kita. Pada web site app manifest ini akan mengimbuhkan julukan aplikasi, icon yang dipakai sebagai pembeda secara visual bersama dengan bersama aplikasi lain dan sebagainya. Berikut adalah contoh manifest.json

{  "name": "SNABOT: by sanggoro",  "background": {        "scripts": [            "background.js"        ]    },  "version": "0.0.1",  "manifest_version": 2,  "description": "sanggoro chrome extension",  "homepage_url": "https://sanggoro.id",  "icons": {    "16": "icons/icon16.png",    "48": "icons/icon48.png",    "128": "icons/icon128.png"  },  "default_locale": "en",  "browser_action": {    "default_icon": "icons/icon19.png",    "default_title": "SNA bot",    "default_popup": "popup/popup.html"  },  "permissions": [    "background",	  "storage"   ],  "content_scripts": [    {      "matches": [        "<all_urls>"      ],      "js": [	"jquery.min.js",        "inject.js",      ]    }  ]}

Content Scripts

Content_scripts akan mulai memuats seketika sesudah kecocokan ditemukan dari array manifest. Dalam model ini akan dimuat di sanggoro.id. Satu hal yang perlu diperhatikan adalah file JavaScript dimuat pada status interaktif / DOM sia