铬权限

Question

我想创建一个弹出消息给用户，允许从网页读取NFC读取器的权限。我已经编写并链接到html的Javascript代码，但是在任何请求上都不会激活弹出。

我不想让弹出弹出火，我想让它在所有的浏览器和智能手机上工作。

这些是我的控制台日志错误。Uncaught : NDEFReader未在permissions.js:73 permissions.js:17 Uncaught (承诺中) TypeError:未能对“权限”执行“查询”：GenericSensorExtraClasses标志未启用。在checkPermission (permissions.js:17)在permissions.js:36

    if ('permissions' in navigator) {
    var logTarget = document.getElementById('logTarget');

    function handleChange(permissionName, newState) {
        var timeBadge = new Date().toTimeString().split(' ')[0];
        var newStateInfo = document.createElement('p');
        newStateInfo.innerHTML = '' + timeBadge + ' State of ' + permissionName + ' permission status changed to ' + newState + '.';
        logTarget.appendChild(newStateInfo);
    }

    function checkPermission(permissionName, descriptor) {
        try {
            navigator.permissions.query(Object.assign({ name: permissionName }, descriptor))
                .then(function (permission) {
                    document.getElementById(permissionName + '-status').innerHTML = permission.state;
                    permission.addEventListener('change', function (e) {
                        document.getElementById(permissionName + '-status').innerHTML = permission.state;
                        handleChange(permissionName, permission.state);
                    });
                });
        } catch (e) {
        }
    }

    checkPermission('geolocation');
    checkPermission('notifications');
    checkPermission('push', { userVisibleOnly: true });
    checkPermission('midi', { sysex: true });
    checkPermission('background-sync');
    checkPermission('ambient-light-sensor');
    checkPermission('accelerometer');
    checkPermission('gyroscope');
    checkPermission('magnetometer');
    checkPermission('nfc');

    var noop = function () { };
    navigator.getUserMedia = (navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia);

    function requestGeolocation() {
        navigator.geolocation.getCurrentPosition(noop);
    } function requestNotifications() {
        Notification.requestPermission();
    } function requestPush() {
        navigator.serviceWorker.getRegistration()
            .then(function (serviceWorkerRegistration) {
                serviceWorkerRegistration.pushManager.subscribe();
            });
    } function requestMidi() {
        navigator.requestMIDIAccess({ sysex: true });
    } function requestCamera() {
        navigator.getUserMedia({ video: true }, noop, noop)
    } function requestMicrophone() {
        navigator.getUserMedia({ audio: true }, noop, noop)
    } function requestNfc() {
    Notification.requestPermission();
}
} const reader = new NDEFReader()
    reader.scan(options)
    reader.addEventListener('reading', listener)
    reader.addEventListener('error', listener)
const writer = new NDEFWriter()
    writer.write(message, options)

Answer 1

目前，只有安卓上的Chrome金丝雀支持NFC读取器。在这个金丝雀版本中，要激活这个特性，您需要提供一个令牌(在页面上或服务器的页面响应头上)，或者显式地启用下面描述的特性：https://web.dev/nfc/#use

• The页面必须通过Https

提供服务。