{"id":352,"date":"2023-11-16T17:04:53","date_gmt":"2023-11-16T17:04:53","guid":{"rendered":"https:\/\/habett.fr\/blog\/?p=352"},"modified":"2023-12-24T12:19:34","modified_gmt":"2023-12-24T12:19:34","slug":"firefox-manifest-v3","status":"publish","type":"post","link":"https:\/\/habett.fr\/blog\/2023\/11\/firefox-manifest-v3\/","title":{"rendered":"Firefox \/\/ Manifest V3 \/\/ "},"content":{"rendered":"\n

Compliqu\u00e9s rapports entre firefox et le ManifestV3. Maintenant que le support est l\u00e0 (v109) et m\u00eame dans les versions ESR, il restait pour moi le probl\u00e8me li\u00e9 au permissions d’acc\u00e9der \u00e0 tous les sites. Dans le Manifest.json, cela ne suffit pas:<\/p>\n\n\n\n

\"host_permissions\": [\"<all_urls>\"],<\/code><\/p>\n\n\n\n

Grosse prise de t\u00eate donc je mets ici le r\u00e9sultat de mes explorations:<\/p>\n\n\n\n

    \n
  1. Mettre dans le popup un bandeau pour avoir un point d’entr\u00e9e, par exemple:
    <center id=\"perm\" style=\"color: yellow; background: #840; clear: both; font-weight: 404; padding: .5em; margin,: .5em; cursor: pointer;\">Finaliser<\/center><\/code>
    <\/li>\n\n\n\n
  2. Dans le javascript du popup, mettre ce bout de code dans handler de l’event DOMContentLoaded avec pour objectif de cacher le bandeau d\u00e9fini pr\u00e9c\u00e9demment si les permissions d’h\u00f4te sont bonnes, et sinon de les obtenir gr\u00e2ce \u00e0 un clic sur le bandeau (action de l’utilisateur n\u00e9cessaire):
    chrome.permissions.contains({
    origins: ['<all_urls>']
    }, (result) => {
    if (result) {
    document.getElementById('perm').style.display = 'none';
    } else {
    document.getElementById('perm').addEventListener('click',function() {
    chrome.permissions.request({
    origins: ['<all_urls>']
    }, (granted) => {
    if(!granted) {
    browser.permissions.request({
    origins: ['<all_urls>']
    });
    }
    });
    });
    }
    });<\/code>
    <\/li>\n\n\n\n
  3. Fonctionne aujourd’hui avec Firefox 119. Transparent pour browser moins regardants, type Chromium\/Chrome.<\/li>\n<\/ol>\n\n\n\n

    Cheers<\/p>\n","protected":false},"excerpt":{"rendered":"

    Compliqu\u00e9s rapports entre firefox et le ManifestV3. Maintenant que le support est l\u00e0 (v109) et m\u00eame dans les versions ESR, il restait pour moi le probl\u00e8me li\u00e9 au permissions d’acc\u00e9der \u00e0 tous les sites. Dans le Manifest.json, cela ne suffit pas: \u00ab\u00a0host_permissions\u00a0\u00bb: [\u00ab\u00a0<all_urls>\u00a0\u00bb], Grosse prise de t\u00eate donc je mets ici le r\u00e9sultat de mes … Continuer la lecture de Firefox \/\/ Manifest V3 \/\/ <\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[48],"tags":[39,42,61],"class_list":["post-352","post","type-post","status-publish","format-standard","hentry","category-webextension","tag-firefox","tag-javascript","tag-manifestv3"],"_links":{"self":[{"href":"https:\/\/habett.fr\/blog\/wp-json\/wp\/v2\/posts\/352","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/habett.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/habett.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/habett.fr\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/habett.fr\/blog\/wp-json\/wp\/v2\/comments?post=352"}],"version-history":[{"count":4,"href":"https:\/\/habett.fr\/blog\/wp-json\/wp\/v2\/posts\/352\/revisions"}],"predecessor-version":[{"id":362,"href":"https:\/\/habett.fr\/blog\/wp-json\/wp\/v2\/posts\/352\/revisions\/362"}],"wp:attachment":[{"href":"https:\/\/habett.fr\/blog\/wp-json\/wp\/v2\/media?parent=352"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/habett.fr\/blog\/wp-json\/wp\/v2\/categories?post=352"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/habett.fr\/blog\/wp-json\/wp\/v2\/tags?post=352"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}