小编mik*_*gan的帖子

我有一个图形密集型网站。它有各种 CSS3 动画在模糊的视频背景上运行。它在我的台式机和支持 GPU 的 MacBook Pro 上看起来很棒，但在我的笔记本电脑和 MacBook Air 上运行起来就像垃圾。

所以基本上，我想知道是否有一种方法可以使用 Javascript（或其他东西）检测浏览器图形性能，然后仅在性能达到阈值时应用 CSS 动画。该网站有一个加载屏幕，因此我有一些时间来测试性能。

我知道我可以使用 Modernizr 检测 WebGL，但不幸的是，即使我的笔记本电脑对 WebGL 测试呈阳性，尽管性能非常差，所以我需要一个替代方案。

谢谢

我的页面上有几个HTML5视频.

我正在使用fullPage.js,并希望根据您所使用的幻灯片触发不同的视频播放.

每次滚动幻灯片时,我的代码都会隐藏旧视频并在固定位置容器中显示新视频.看起来基本上是这样的:

$('#fullpage').fullpage({
    onLeave: function(index, nextIndex, direction){

        $('#video1').hide();
        $('#video2').show();
        $('#video2')[0].play();
    }
});

这在除了Safari之外的每个浏览器中都很有效,因为Safari会针对自动播放广告提供内置保护,因此会出现以下错误.

未处理的Promise拒绝:NotAllowedError(DOM例外35):当前上下文中的用户代理或平台不允许该请求,可能是因为用户拒绝了权限.

我在JS上并不出色,但是阅读它听起来像.play()必须在点击时触发才允许它.但是,这对我想要实现的目标不起作用.有谁知道如何基于onLeave事件实现play()？

我的网站是http://www.thetruenorth.co.uk/

我无法让JQuery在我的IE9网站上工作.它在其他所有浏览器中都能正常运行

我已经意识到这是下面的代码,它检测它是否是一个小屏幕(移动),阻止它工作.如果我删除这一位,一切正常.我使用这个是因为我不知道我是如何禁用移动设备的JS,而是将它保留在桌面上.建议欢迎.

$(document).ready(function(){
if(matchMedia('only screen and (max-width: 1023px)').matches)
{}
else { 

CODE HERE

    }
});

我感觉有一个我不知道的bug或者什么.请有人能让我摆脱苦难吗？

谢谢

我的店铺设置如下：

商店页面>类别>子类别>产品

商店页面以网格格式显示类别列表，每个类别都有标题和缩略图。

“类别”页面以网格格式显示类别列表，每个类别都有标题和缩略图。

我希望每个网格项目也显示类别描述。

到目前为止，这是我到目前为止要到的地方（functions.php），它会在正确的位置输出静态文本。我不知道如何在当前静态文本输出的地方调用动态类别描述。

function my_theme_woocommerce_taxonomy_archive_description() {
    echo '<div class="term-description">' . 'Code to show description here please' . '</div>';
}
add_action( 'woocommerce_after_subcategory_title', 'my_theme_woocommerce_taxonomy_archive_description');

任何帮助将非常感激。