JavaScript XMLHttpRequest работает только в консоли

Question

Я хочу использовать API с XMLHttpRequest в моем расширении JavaScript Firefox следующим образом:

var api_data;
function getUserIpAPI() {
    var xhr = new XMLHttpRequest();
    xhr.open('GET', 'https://ipapi.co/json/', true);

    xhr.responseType = 'text';

    xhr.onload = function () {
        if (xhr.readyState === xhr.DONE) {
            if (xhr.status === 200) {
                var data = JSON.parse(xhr.responseText);
                console.log(data);
            }
        } else {
            console.log("error");
        }
    };

    xhr.send(null);
}

getUserIpAPI();

Если я определю эту функцию в консоли отладки, она будет работать нормально. Но если я запускаю его в своем скрипте, он просто ничего не делает, как если бы он никогда не вызывался.

Как я могу это исправить?

(Об этом уже спрашивали, но покаответили неправильно или подходят для моего случая.)