Question

我正在尝试使用media属性仅将我的javascript文件链接到移动设备上，而不是桌面上。

这是我的链接标记：

<script type="text/javascript" media="screen and (max-width : 850px)" src="mobile.js"></script>

但这不起作用，它将JS链接到所有内容。

如果JS文件满足这些查询条件，我如何才链接它？

如果我不能如何在移动设备上运行JS？

Answer 1

如何使用javascript？

<script type="text/javascript">

if (screen.width < 980) { 

    document.write('<script type="text/javascript" src="mobile.js"></script>');  
 } 

</script>

Answer 2

有两种方法可以做到这一点：

已经在页面上拥有所有脚本，并在触发断点时调用它们
只有在满足断点时才需要加载脚本

无论哪种方式，你都需要这个：

enquire.js

这将允许您为js添加媒体查询回调。

Answer 3

重量轻，无处不在，无需头顶。

var directionsDisplay = new google.maps.DirectionsRenderer({
  map: $scope.map
});

$scope.show_dirs = function(){

var request = {
  destination: locations[3],
  origin: temp_center,
  travelMode: google.maps.TravelMode.DRIVING
};

var directionsService = new google.maps.DirectionsService();

directionsService.route(request, function(response, status) {
  if (status == google.maps.DirectionsStatus.OK) {
    // Display the route on the map.
    directionsDisplay.setDirections(response);
  }
});
};
//show function works
//$scope.show_dirs();

使用媒体查询仅在移动设备上包含JS文件

3 个答案: