Расширение Firefox с собственным приложением для обмена сообщениями не работает

У меня есть нативное приложение, разработанное на Java (скомпилированный jar), расширение в основном отправляет сообщение нативному приложению с помощью пользовательского ввода и возвращает ответ обратно в метку на веб-странице.

Расширение отлично работает с Chrome, но я не могу выполнить то же самое в Firefox 58.0.1(квант 64 бит).

Ошибка в консоли браузера.

не может преобразовать ноль в объект

ниже приведен фрагмент кода и снимки экрана с ошибками.

   {
    "manifest_version":2,

    "name":"Firefox Automation Extension",
    "version":"1.0",
    "description":"Automation Extensions",

    "icons": {
      "16": "icons/synergy.png"
    },

    "browser_action":{

      "default_icon": {
       "32" : "icons/synergy.png"
      },
      "default_title": "Native Messaging Application Testing",
      "default_popup": "index.html"      
},
    "background":{
    "scripts": ["background.js"]
    },

    "applications": {
        "gecko": {
          "id": "webdom@oracle.com",
          "strict_min_version": "58.0"
        }
      },
        "content_security_policy":"script-src 'self' 'unsafe-eval'; object-src 'self'",

    "permissions": [
      "nativeMessaging", "<all_urls>"
    ],

    "content_scripts": [
        {
          "matches": [
            "<all_urls>"
          ],
          "js": [
            "jquery-1.12.2.min.js", 
            "contentScript.js"
          ]
        }
      ]

}

/ * background.js * /

browser.runtime.onMessage.addListener (function (msg, sender, sendResponse) {console.info ("Получено%o из%o, frame", msg, sender.tab, sender.frameId);

// As it is registered in registy
var host_name="xxxxxxxxxxxxxxxxxxx";

// Open port (for communication).
var port = browser.runtime.connectNative(host_name);

// Send message to native application.
port.postMessage(msg);

// Listen for response...
port.onMessage.addListener(function (msg) {
    // Send data to the content.
    browser.tabs.query({ active: true, currentWindow: true }, function (tabs) {
        browser.tabs.sendMessage(tabs[0].id, msg, function (response) { });
    });
});

port.onDisconnect.addListener(function () {
    console.info("Disconnected.");
});

});

/ * contentScript.js * /

document.addEventListener("send-message-event", function (data) {

    var request = data.detail.data;
    console.log("content script : ", request);
    // Send message to the background script
    browser.runtime.sendMessage(request, null);
});

/**
 * Listens to the background script and dispatches 'get-message-event' 
 * to the client when the data is received.
 */
browser.runtime.onMessage.addListener(function (response, sender, sendResponse) {
    console.log(response);
    // Send response to the front page
    var event = new CustomEvent("get-message-event", {
        detail: {
            data: response
        },
        bubbles: true,
        cancelable: true
    });
    document.dispatchEvent(event);
});

/ * Main.js (скрипт вызывается с html-страницы)*/

$(document).ready(function () {

    var sendMessageBtn = $('#send-message-button');
    var inputElem = $('#input-text');
    var responseElem = $('#response');

    /**
     * Send message operation
     */
    sendMessageBtn.click(function () {
        var request = {};
        request.message = inputElem.val();

        var event = new CustomEvent("send-message-event", {
            detail: {
                data: request
            },
            bubbles: true,
            cancelable: true
        });

        console.log("From Main : ",event.detail.data);
        document.dispatchEvent(event);
    });

    /**
     * Get message event listener
     */
    document.addEventListener("get-message-event", function (data) {
        var responseObject = data.detail.data;
        responseElem.text(responseObject.message);
    });
});

страница index.html

<!DOCTYPE html>
<html>

<head>
    <title>Native Messaging</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="bootstrap.min.css">
</head>

<body>
    <div class="container">
        <div class="row">
            <div class="col-md-4"></div>
            <div class="col-md-4">
                <div class="page-header">
                    <h2>Native Messaging</h2>
                </div>
                <div class="form-group">
                    <label for="input-text">Input message:</label>
                    <input class="form-control" id='input-text' type='text' value="Test" />
                </div>
                <button type="button" class="btn btn-block btn-default" id='send-message-button'>Send Message</button>
                <hr>
                <div class="well well-lg" id='response'>Response from Native app...</div>
            </div>
            <div class="col-md-4"></div>
        </div>

    </div>
    <!-- jQuery and JS files -->
    <script src="jquery-1.12.2.min.js"></script>
    <script src="main.js"></script>
</body>

</html>

При нажатии на кнопку "Отправить сообщение" я получаю не могу преобразовать ноль в объект ошибки.

код работает нормально в Chrome, и я могу получить ответ от родного приложения в расширении Chrome

Источник

1 ответ

Я думаю, что проблема в том, что вы не зарегистрировали свое родное приложение в regedit в:

HKEY_LOCAL_MACHINE\SOFTWARE\Mozilla\NativeMessagingHosts 
HKEY_LOCAL_MACHINE\SOFTWARE\Wow6432Node\Mozilla\NativeMessagingHosts

Я бы поставил в разрешении:

"tabs",
"nativeMessaging",
"<all_urls>",
"webNavigation"

работать с вашим браузером.

Источник
Другие вопросы по тегам