小编Jak*_*uda的帖子

从2019年开始,应该使用哪些favicon尺寸,文件格式和元/链接标签？这包括苹果图标,Windows,Android和人们今天使用的其他设备.

我使用Opera,我可以看到它支持svg格式.这是现在使用svg的最佳解决方案吗？有没有选项"一个文件适合所有"？

我一直在浏览许多网站并检查了不同的"favicon生成器".所有这些都是岁,并且主要使用png文件.

示例: 应该使用哪些代码ico和svg？

<link rel="icon" href="favicon.ico" type="image/ico">
<link rel="icon" href="favicon.svg" type="image/svg+xml">

或者如果ico包含更多尺寸,是否应指定尺寸？我找不到一个好的答案.

<link rel="icon" sizes="16x16 24x24 32x32 48x48 64x64" href="favicon.ico">

请提供应使用哪些favicons的维度,文件格式和元/链接标记.

我正在使用 HTML 5 在 Android 上的 Chrome 浏览器中播放 HLS 音频<audio>。

如何让 Chrome 在锁定流或浏览器选项卡处于非活动状态时继续播放 HLS 流？

在 iOS 上，当浏览器选项卡更改或屏幕锁定时，流将继续播放，但在 Android 上会停止音频。

<audio controls preload="meta">
    <source
        src="http://qthttp.apple.com.edgesuite.net/1010qwoeiuryfg/sl.m3u8"
        type="application/x-mpegURL"
      />
</audio>

我什至添加了 mediaSession 信息来尝试帮助它。

var audio = document.getElementById("audio");
if ("mediaSession" in navigator) {
    audio.onplay = function() {
        navigator.mediaSession.metadata = new MediaMetadata({
            title: "TEST",
            artist: "ARTIST"
        });
    };
}

我想从我的 GTK 程序中获取 Windows 上的可执行文件，即使您的计算机上没有安装 GTK，该程序也可以运行。我尝试使用 inno setup 获取安装程序，并复制了我需要的所有 dll，但我在终端上收到此消息错误：

(TPGTK+.exe:13972): Gtk-WARNING **: 19:22:02.461: Could not load a pixbuf from /org/gtk/libgtk/icons/16x16/status/image-missing.png.
This may indicate that pixbuf loaders or the mime database could not be found.
**
Gtk:ERROR:../gtk+-3.24.29/gtk/gtkiconhelper.c:494:ensure_surface_for_gicon: assertion failed (error == NULL): Failed to load /org/gtk/libgtk/icons/16x16/status/image-missing.png: Unrecognized image file format (gdk-pixbuf-error-quark, 3)
Bail out! Gtk:ERROR:../gtk+-3.24.29/gtk/gtkiconhelper.c:494:ensure_surface_for_gicon: assertion failed (error == NULL): Failed to load /org/gtk/libgtk/icons/16x16/status/image-missing.png: Unrecognized image file format (gdk-pixbuf-error-quark, 3)

我想在 Laravel 中创建一个路由组，并以变量作为前缀。我也需要设定一些条件。怎样做才正确呢？

我正在关注文档： https: //laravel.com/docs/8.x/routing#route-group-prefixes，但只有一般示例。

这段代码应该创建 2 个路由：/{hl}/test-1和/{hl}/test-2where{hl}限制为(en|pl)，但它给出了一个错误："Call to a member function where() on null"

Route::prefix('/{hl}')->group(function ($hl) {

    Route::get('/test-1', function () {
        return 'OK-1';
    });

    Route::get('/test-2', function () {
        return 'OK-2';
    });

})->where('hl','(en|pl)');

遵循这个出色的答案，我能够更改 Bootstrap 5 的 down-chevron svg（呈现为背景图像）的填充颜色。我现在正在尝试找到 up-chevron（打开图标）的 url，以便我可以更改其填充颜​​色。但我找不到它。

检查Bootstrap 示例和我自己的代码的 html ，我只看到“向下”折叠的背景图像和右侧灰色方块中替换的“向上”图像。我在 CSS 中尝试过的任何方法都没有成功地定位该替换图像。

以下是适用于向下图标的代码，然后是我针对向上图标所做的努力。（我用来background-color:yellow查看选择器是否正常工作。）

.accordion-button.collapsed::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-button.collapse a:link.active,
.accordion-button-active-collapse ::after,
button.accordion-button-active::after.active {
    background-color: yellow;
}

输入焦点时如何防止keydown事件？

我有一个功能可以为键盘按键（主要是玩家控制）分配一些操作，但是当使用<input>所有分配的按键时也会触发该操作。因此<input>在打字时无法正确使用。

function keyboardShortcuts(e){
        
  //Do some stuff when keyboard keys are pressed
  
  switch(e.code){
  
    case 'KeyJ':
      console.log('KeyJ');
      break;
    
    //...
  }
}

document.addEventListener('keydown',keyboardShortcuts);

<input id="search" placeholder="search...">

如何解决？我应该检查输入是否没有聚焦？

function keyboardShortcuts(e){
    if(document.getElementById('search') !== document.activeElement){
        switch(e.code){
            //...
       }
    }
}

或者也许有一些类似的方法e.preventDefault()？

document.getElementById('search').addEventListener('focus',function(){
    //... prevent keyboardShortcuts frum running ?????
});

我有一个使用 Bootstrap 4 的 Angular 12 示例项目。除了下拉列表之外，我的项目中的所有内容都正常。

这个答案对我不起作用。

我已经使用给定的 NPM 命令在我的项目中安装了 jQuery、Popper 和 Bootstrap：

npm install --save @popperjs/core
npm install --save bootstrap
npm install --save jquery

我还从 angular.json 引用了它们：

"styles": [
     "node_modules/bootstrap/dist/css/bootstrap.min.css",
     "src/styles.css"
],
"scripts": [
     "node_modules/jquery/dist/jquery.min.js",
     "node_modules/@popperjs/core/dist/umd/popper.min.js",
     "node_modules/bootstrap/dist/js/bootstrap.min.js"
]

我没有收到任何错误，并且下拉按钮也出现了。但问题是，我点击后，列表并没有立即弹出。

下面给出了我从Bootstrap Dropdown 官方文档中获取的示例代码进行测试。

<div class="dropdown">
  <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropdown button
  </button>
  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
    <a class="dropdown-item" href="#">Action</a>
    <a class="dropdown-item" href="#">Another action</a>
    <a class="dropdown-item" href="#">Something else here</a>
  </div>
</div>

我是否遗漏了一些需要添加的内容？