`
zuoming99
  • 浏览: 140780 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

巧用 UserAgent 代替拙劣的 CSS hack

浏览器htmlcssuseragent 
阅读更多


看下面的代码：

 

 

html button{color:darkgreen\9; _color:blue;}
*+html button{color:red;}
  

多么纠结啊，为什么不能通过UserAgent判断浏览器？看下面的CSS部分多犀利：

 

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <script src='http://code.jquery.com/jquery-1.8.2.min.js'></script>
    <script src='./no-css-hack.js'></script>

    <style type='text/css'>
      html.moz button{box-shadow: 2px 2px 5px darkgreen;}
      html.ie6 button{background-color: gray; border: 1px outset;}
      html.opera button{padding:30px; font-size:30px;}
    </style>

  </head>

  <body>
    <button>this is a button</button>
  </body>
</html>


不过还有一小点问题，IETester下的UserAgent使用的是你电脑上IE的UserAgent，也就是说，如果你装的是IE9，那么就会被当作IE9处理，最好的做法是在虚拟机里装个XP+IE6


  
  

    
      
        
      
    
    
  




  

    
    
分享到：
      
      
    

  


  

    

      
      |
      为什么你们还在用 Eclipse？而不是 Intelli ...
    

  

  

        
  

    
  

    
评论

    
    
    
    
  


  

    
发表评论

            
   您还没有登录,请您登录后再发表评论 

      

  

  





  

    
相关推荐

    
    
    
        
        
    
          
    
            
            
    
              
                
                
                
    
                  
    
                    
                      IE6/IE7/IE8/Firefox/Chrome/Safari的CSS hack兼容一览表
                    
                  
    
                  
    "IE6/IE7/IE8/Firefox/Chrome/Safari的CSS hack兼容一览表" 提供了一个宝贵的资源，帮助开发者解决在不同浏览器之间存在的CSS样式差异。下面我们将深入探讨这个话题，了解各种CSS hack及其在这些浏览器中的表现。  ...
    
                
    
                
              
                
                
                
    
                  
    
                    
                      2024年6月最新UserAgent，含各种手机浏览器UserAgent
                    
                  
    
                  
    2024年6月最新UserAgent，含各种手机浏览器UserAgent，已去重复
    
                
    
                
              
                
                
                
    
                  
    
                    
                      json fake_useragent fake_useragent
                    
                  
    
                  
    fake_useragent json缓存 爬虫 fake 消息头
    
                
    
                
              
                
                
                
    
                  
    
                    
                      C#获取WebBrowser中的cookie和userAgent
                    
                  
    
                  
    本篇文章将详细探讨如何利用C#获取WebBrowser控件中的cookie和userAgent信息。  一、WebBrowser控件简介 WebBrowser控件是.NET Framework提供的一个组件，它基于Internet Explorer引擎，可以在桌面应用中模拟浏览器...
    
                
    
                
              
                
                
                
    
                  
    
                    
                      手机最新UserAgent
                    
                  
    
                  
    UserAgent，全称为User Agent String，是Web浏览器发送到服务器的一个字符串，用于标识访问者的信息，包括浏览器类型、版本、操作系统、设备类型等。在移动设备尤其是智能手机中，UserAgent对于开发者来说非常重要，...
    
                
    
                
              
                
                
                
    
                  
    
                    
                      各型号手机userAgent
                    
                  
    
                  
    各种useragent,也是分析ua收集来的 涵盖各种手机机型的ua了，差不多1w多个
    
                
    
                
              
                
                
                
    
                  
    
                    
                      最新浏览器useragent
                    
                  
    
                  
    浏览器UserAgent字符串是每个网页请求时，客户端（通常是浏览器）发送到服务器的一段信息，用于标识客户端的类型、版本、操作系统、设备等详细信息。在分析用户行为、优化网站兼容性或者开发网络爬虫时，了解和理解...
    
                
    
                
              
                
                
                
    
                  
    
                    
                      最新PC端UserAgent 1w+
                    
                  
    
                  
    某网站pc端浏览最新useragent#动态分,如果感觉下载分数太高了可以私信我
    
                
    
                
              
                
                
                
    
                  
    
                    
                      js判断是手机还是pc并调用不同css样式
                    
                  
    
                  
    if((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|wOSBrowser|BrowserNG|WebOS)/i))) {  [removed]('&lt;link href="css/mobile.css" rel="stylesheet" type="text/css" media="screen...
    
                
    
                
              
                
                
                
    
                  
    
                    
                      各种浏览器的userAgent
                    
                  
    
                  
    浏览器userAgent解析  浏览器的userAgent是指浏览器在访问服务器时发送的一串字符串，它包含了浏览器的信息，如浏览器名称、版本号、操作系统等信息。不同的浏览器有不同的userAgent，下面我们将对IE、Firefox、...
    
                
    
                
              
                
                
                
    
                  
    
                    
                      userAgent解析lib包和实例
                    
                  
    
                  
    在IT行业中，UserAgent是一个非常重要的概念，尤其是在网络开发和数据分析领域。UserAgent字符串是浏览器或其他HTTP客户端向服务器发送请求时附带的信息，用于表明访问者的操作系统、浏览器类型、版本等详细信息。这...
    
                
    
                
              
                
                
                
    
                  
    
                    
                      fake_useragent_0.1.11.json
                    
                  
    
                  
    解决UserAgent库最大请求次数
    
                
    
                
              
                
                
                
    
                  
    
                    
                      手机useragent.pdf 数据库资源
                    
                  
    
                  
    ### 手机UserAgent数据库资源解析与应用  在IT领域，特别是移动互联网技术中，UserAgent（用户代理）是一个至关重要的概念。它是指由客户端发送到服务器的HTTP请求头中的一个字段，用来标识请求的软件身份，包括...
    
                
    
                
              
                
                
                
    
                  
    
                    
                      动态加载Css 浏览器判断
                    
                  
    
                  
    在现代Web开发中，动态加载CSS（层叠样式表）是一种常见的优化策略，它能够提高网页的性能，减少页面初始化时的负担。浏览器判断则是一个关键的辅助技术，用于确保我们的代码能够在不同的浏览器环境中正常运行。这...
    
                
    
                
              
                
                
                
    
                  
    
                    
                      useragent解析逻辑&手机品牌匹配.txt
                    
                  
    
                  
    在对浏览界面进行解析获取用户信息的过程中，想要精准识别用户，对useragent解析&手机品牌匹配是必不可少的环节，本文档提供了解析逻辑，以及提供了最新的手机品牌和useragent对应的文件，帮你丰富用户画像，以及...
    
                
    
                
              
                
                
                
    
                  
    
                    
                      谷歌浏览器插件，用于修改UserAgent插件
                    
                  
    
                  
    谷歌浏览器的一款实用插件，用于修改UserAgent请求头，内置了各种客户端的默认请求头，例如Linux、windows、android、IOS等，使用方法也很简单，选中目标UA头，然后直接激活就可以了，插件表面显示为ON时，就表示...
    
                
    
                
              
                
                
                
    
                  
    
                    
                      修改 IE-UserAgent VS2010 VC++
                    
                  
    
                  
    在IT领域，UserAgent是一个非常重要的概念，它是由Web浏览器发送到服务器的一个字符串，用于标识浏览器的类型、版本、操作系统及平台等信息。这个信息对于服务端来说是至关重要的，因为它可以帮助服务器识别并适配...
    
                
    
                
              
                
                
                
    
                  
    
                    
                      Laravel开发-useragent 
                    
                  
    
                  
     'UserAgent' =&gt; Fideloper\UserAgent\Facades\UserAgent::class,  ],  ```  3. **使用**：现在，你可以通过`UserAgent` Facade来解析和获取用户代理信息：  ```php  public function index()  {  $user = UserAgent...
    
                
    
                
              
                
                
                
    
                  
    
                    
                      前端开源库-metal-useragent
                    
                  
    
                  
    `Metal-UserAgent` 是一个专为前端开发者设计的开源库，它可以帮助我们识别和解析用户的浏览器用户代理（User-Agent）字符串。`Metal-UserAgent` 是基于 `Metal.js` 框架构建的，提供了简洁且高效的 API 来处理这一...
    
                
    
                
              
            
    
          
    
        
    
    

  





  
    Magicbox
  













      

      
        

          

            

              

                

                
              

            

            


            

          

        

            
    

    
    
  

  



   Global site tag (gtag.js) - Google Analytics