Filter Paid Extensions From Chrome Webstore

var elements = document.getElementsByClassName('a-d-na a-d webstore-test-wall-tile a-d-zc Xd dd');

for( var i=0; i< elements.length; i++) {

 if(elements[i].innerHTML.includes('Add to Chrome')) {

    console.log(elements[i].parentElement.removeChild(elements[i]));

 }

}

set the value of a variable synchronously for an asynchronous function

function getWords( callback ){

    var words = [];

    chrome.runtime.sendMessage({detail: "words"}, function(response) {
        console.log(response) // prints ["word1, "word2" ..]
        callback(response);
    });

}



function processWords(words){
    //do your logic in here
    console.log(words);
}
getWords(processWords);

How to save Objects in local storage in Chrome + JavaScript

local storage limited to handle only string key/value pairs you can do like below using JSON.stringify and while getting value JSON.parse

var testObject = {name:"test", time:"Date 2017-02-03T08:38:04.449Z"};
Put the object into storage:

localStorage.setItem('testObject', JSON.stringify(testObject));
Or
localStorage['testObject'] = JSON.stringify(testObject));

Retrieve the object from storage:
var retrievedObject = localStorage.getItem('testObject');
Or
var retrievedObject = localStorage['testObject'];

console.log('retrievedObject: ', JSON.parse(retrievedObject));

Display only the Paid apps from Chrome Webstore

var elements = document.getElementsByClassName('a-d-na a-d webstore-test-wall-tile a-d-zc Xd dd');

for( var i=0; i< elements.length; i++) {
    if(elements[i].innerHTML.includes('Add to Chrome')) {
       console.log(elements[i].parentElement.removeChild(elements[i]));
    }
}

Unchecked runtime.lastError while running tabs.executeScript?

Q: Unchecked runtime.lastError while running tabs.executeScript: Cannot access contents of url "". Extension manifest must request permission to access this host ?

A:
chrome.tabs.executeScript(tabId, {
  //..
}, _=>{
  let e = chrome.runtime.lastError;
  if(e !== undefined){
    console.log(tabId, _, e);
  }
});

how to handle data:image/gif;base64,

"content_security_policy": "script-src 'self' https://ssl.google-analytics.com; object-src 'self'; img-src: 'self' data:"

Lot more coming in this line. Stay tuned...

Create a new tab next to current tab + chrome extension

chrome.tabs.query({

        active: !0,

        lastFocusedWindow: !0

    }, function(a) {

        chrome.tabs.create({

            url: gQuery,

            index: a[0].index + 1,

            selected: true

        })

    });

Location of Chrome Extension Source code on Windows

C:\Users\%USERNAME%\AppData\Local\Google\Chrome\User Data\Default\Extensions

Location of Chrome Extension Source Code On Mac OS X

~/Library/Application Support/Google/Chrome/Default