javascript - 检测浏览器和显示/隐藏 div 的正确位置

Question

如果用户在特定浏览器中打开页面(在这种情况下， chrome/chormium)，我不确定哪里是最好的地方。

javascript 代码看起来像这样:/chrome/i.test( navigator.userAgent )，但是最好放在哪里呢？在过滤器中？在 Controller 中？在指令中？

Answer 1

检查下面详细的浏览器检测脚本

http://www.quirksmode.org/js/detect.html

我会建议你使用“指令”或“过滤器”

<知识库> Working Demo

过滤器示例代码如下:

angular.module('myApp', []).filter('checkBrowser', function(){

    return function(){

        return /chrome/i.test(navigator.userAgent)
    }
})

模板代码:

<div ng-show="{{''|checkBrowser}}">Hello</div>