Web 过滤器破坏 PrimeFaces 移动视图答案

【问题标题】：Web filter breaks PrimeFaces mobile viewWeb 过滤器破坏 PrimeFaces 移动视图
【发布时间】：2013-01-06 03:40:04
【问题描述】：

在我使用 PrimeFaces 3.4.2 的 JSF2.1 Web 应用程序中，我添加了一个新网页，其中仅包含一个带有 renderKitId="PRIMEFACES_MOBILE" (PFM 0.9.3) 的视图。这个想法是过滤器将来自移动设备的请求重定向到此页面。不幸的是，这个过滤器完全破坏了某些移动设备上移动页面的 CSS（是的，并非所有设备都受到影响！）。当过滤器存在时，重定向呼叫和直接呼叫在受影响的设备上都会中断；当过滤器关闭时，一切正常。

这里是网络过滤器：

public void doFilter(ServletRequest request, ServletResponse response,
        FilterChain chain)
        throws IOException, ServletException {

    HttpServletRequest req = (HttpServletRequest) request;
    HttpServletResponse resp = (HttpServletResponse) response;

    boolean isMobile = isMobileDevice(req.getHeader("user-agent"));  // utility function

    if (!req.getRequestURI().contains("/mobile/") && isMobile) {
        resp.sendRedirect(req.getContextPath() + "/faces/mobile/index.xhtml");
    } else {
        chain.doFilter(request, response);
    }    
}

过滤器在 web.xml 中没有任何映射。只有注释@WebFilter("/*") 存在。当注解内的路径被伪造时，一切正常。

xhtml 页面...相当简单：

<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:pm="http://primefaces.org/mobile" >
    <h:head>
    </h:head>
    <h:body>
        <f:view renderKitId="PRIMEFACES_MOBILE">
            <pm:page title="Hello World">
                <pm:view id="main">
                    <pm:header title="Header" />
                </pm:view>
            </pm:page>        
        </f:view>    
    </h:body>
</html>

有关受影响设备的其他信息here。我没有关于如何调试的提示。我已经使用 Firebug 查看了生成的 html，但无法检测到工作的一个和另一个之间的任何区别。

【问题讨论】：

标签： jsf mobile primefaces servlet-filters

【解决方案1】：

您需要让过滤器跳过对 CSS/JS/图像文件的 JSF 资源请求。

if (req.getRequestURI().startsWith(req.getContextPath() + ResourceHandler.RESOURCE_IDENTIFIER)) {
    chain.doFilter(request, response);
    return;
}

【讨论】：

谢谢，我永远不会自己解决这个问题。为了精确起见，我不得不通过在两者之间添加“/faces”来稍微修改搜索路径。
不客气。在我的所有答案中，我假设 JSF2 映射为 *.xhtml。
这个答案+1！在过去的 1.5 年里，我通过在 stackoverflow 上阅读了 BalusC 的许多答案，学习了如何使用/编写这样的过滤器逻辑！实际上，我没有使用（也从未使用过）“ResourceHandler.RESOURCE_IDENTIFIER”，但一如既往，你可以从“BalusC”中学到很多东西！！！
还有一件事，忘了注意这一点......您在问题（上图）中提供的代码看起来非常像我的代码，这对我来说很好，但我确实“跳过 JSF 资源请求”在 IF 块内的 CSS/JS/图像文件上。这个答案绝对值得了解！谢谢！
@BalusC 我也有类似的问题（stackoverflow.com/questions/26672592/…）。我把这段代码放在哪里？