Question

我有一个网站，我的客户希望将其添加到android的主屏幕上，所以当我这样做（使用chrome）时，chrome / android会要求提供/更改显示的名称。在我的情况下，它预先填充了“ App”。

翻译为英语的弹出窗口的标签为“添加到Homesceen”

但是当我对示例 stackoverflow 做同样的操作时，我得到了它预先填充了一个“名称”，可能是网站标题。

所以我尝试了：

我有一个标题标签，并试图将其缩短，但是即使标题很小，默认情况下仍然有“ App”
我添加了一个<meta name="application-name" content="name-X">无效，也尝试了<meta name="apple-mobile-web-app-title" content="name-X">
检查了没有错误/警告的验证标记（w3c-validator）
用于不同设备和大小的应用程序图标可以按预期工作
我试图在网上搜索失败：/
我什至不知道“ App”的来源，因为它不在源中出现

任何帮助，谢谢：）

Answer 1

您正在寻找PWA JSON manifest。它将告诉您的浏览器您的应用程序。

如您在上面的链接中所见，您应提供 short_name 和/或 name 属性。别忘了链接您的清单：

function initDatePickers() {
jQuery('.om-datepicker-trigger').click(function () {
    var defaultDatePickerOptions = {
        showOtherMonths: true,
        changeMonth: true,
        changeYear: true,
        defaultDate: '-45y',
        dateFormat: 'mm/dd/yy',
        beforeShow: function (input, inst) {
            var widget = jQuery(inst).datepicker('widget');
            widget.css('margin-left', jQuery(input).outerWidth() + 3 - 
widget.outerWidth());
        },
        //buttonImage: "/img/button_calendar.png",
        //buttonImageOnly: true,
        showOn: "both"
    };

    var $input = jQuery(this).parent().find('.om-input-date').first();

    if ($input.hasClass('om-min-date-today')) {
        var minDateTodayOptions = defaultDatePickerOptions;
        minDateTodayOptions.defaultDate = 0;
        minDateTodayOptions.minDate = 0;
        $input.datepicker(minDateTodayOptions);
        $input.datepicker('show');
    } else {
        $input.datepicker(defaultDatePickerOptions);
        $input.datepicker('show');
    }
});

jQuery('.om-input-date').click(function () {
    jQuery(this).next('.om-datepicker-trigger').trigger('click');
});


// Datepicker
// --------------------------------------------------------
jQuery('.om-input-date').keyup(function () {
    var inputDOBBox = jQuery(this);
    var dateValue = inputDOBBox.attr('value');
    if (dateValue.length == 3 || dateValue.length == 6) {
        var first = dateValue.substring(0, dateValue.length - 1);
        var last = dateValue.substring(dateValue.length - 1);
        if (last != "/" && last != "-") {
            inputDOBBox.attr('value', first + "/" + last);
        }
    }
});

示例：

<link rel="manifest" href="/manifest.json">

如何为网站快捷方式（主屏幕）配置应用程序名称？

1 个答案: