如何根据屏幕大小加载.js文件？

Question

我们如何使用WordPress主题文件夹中的媒体查询加载特定的Javascript文件（wp-content / themename / js / file.js）

Whe只想在使用平板电脑或桌面浏览器时加载grid.js.

Answer 1

你应该加载你的grid.js异步：

function is_touch_device()
{
          
  return !!('ontouchstart' in window);
           
} 

function loadGridJs() 
{

  var scriptTag = document.createElement('script'); 
  scriptTag.src = "//wp-content/themename/js/grid.js"; 
  scriptTag.type = 'text/javascript'; 
  scriptTag.async = true;  
  var headTag = document.getElementsByTagName('head')[0];
  headTag.appendChild(scriptTag);

}

if (is_touch_device())
{

  loadGridJs();

} 

见：

Javascript asynchron nachladen， Touchgeräte erkennen