Question

处理关闭javascript的浏览器的最佳方法是什么（或者如果脚本因某种原因没有加载）？我知道这些日子里只有不到5％的人这么做，但如果可能的话，我仍然希望有某种后备。

Answer 1

第一种方法：

您可以使用身体类：

<head>
    <title>My Title</title>
    <style>
        body{
            background-image: url('http://www.images.com/bgimg.jpg');
            background-repeat: no-repeat;
            background-attachment: fixed;
            background-position: center;
        }

        .has-script{
            background-image: none;
        }
    </style>
</head>

<body class="has-script">
<h1>Welcome to our website!</h1>

{{> hello}}

body:not(.has-script) {
      margin-top: 100px;
      text-align: center;
      font-size: 20px;

      &::before {
        content: "Please enable JavaScript!";
      }
    }

第二种方法：

您可以为生成的HTML模板保存缓存版本，并从那里提供它们。

您可以将缓存清单添加到Meteor应用中，例如manifestR

虽然我不知道您的模板有多复杂..

第三种方法和最好的方法：

基本上在浏览器端，将noscript代码添加到头部

<noscript>
    <style>
        body {
            font-size: 32px;
            text-align: center;
            line-height: 100vh;
        }
        body:after {
            content: "Please enable JavaScript in your browser to view this site.";
        }
    </style>
</noscript>

MeteorJS - 禁用javascript的后备？

1 个答案: