Question

我正在这个环境中迈出第一步，并试图找出最佳实践。我的应用包含多个HTML页面：

我是否应该将整个HEAD部分复制到所有HTML页面中，
或者也许只有一些只在初始HTML页面中需要？

EXTRA

令我惊讶的是，我无法找到此类应用的标准HTML标题的最新示例，因此我的问题是我也在分享知识。

根据我的理解，以下是允许将JQM组合到PhoneGap中的标题：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="msapplication-tap-highlight" content="no" />
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width" />
    <meta http-equiv="Content-Security-Policy" content="default-src 'self' gap://ready file://* *; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'unsafe-eval'; media-src *">
    <title>JQM Test</title>
    <link rel="stylesheet" href="css/jquery.mobile-1.4.5.min.css" />
    <!-- extra css for my app: -->
    <link rel="stylesheet" type="text/css" href="css/index.css" />
    <!-- include JQ, enable PhoneGap events under JQM, then include JQM: -->
    <script type="text/javascript" src="js/jquery-2.1.3.min.js"></script>
    <script type="text/javascript">
        $( document ).on( "mobileinit", function() {
            $.support.cors = true;
            $.mobile.allowCrossDomainPages = true;
            $.mobile.phonegapNavigationEnabled = true;
        });    
    </script>
    <script type="text/javascript" src="js/jquery.mobile-1.4.5.min.js"></script>
</head>

为了完整性，如果您想知道，cordova部分会出现在页面的末尾：

<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript">
    app.initialize();
</script>
</body>

Answer 1

注意：如果这个答案是错误的，请不要downvote，而是添加一个说明为什么它是错误的说明，以便我们都可以学习。

没有人回复，所以我会把我的暂定的答案放到我需要验证的地方。

在普通的网络应用中，必须重复标题，因为用户可以书签非初始页面，稍后再返回，所以每个页面都必须能够扮演初始页面的角色。

然而，使用PhoneGap / Cordova，我们可以确保在启动时加载特定页面，这样，因为页面是使用ajax加载的，所以我们可以跳过其他页面的包含部分。

PhoneGap / Cordova + JQueryMobile：应该在所有页面中重复HEAD吗？

1 个答案: