个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
30
4
我们希望避免在我们的 svelte/sapper 应用程序中出现不受支持的浏览器的问题。
我想警告用户，我们用 Sapper/Svelte 编写的应用程序与 Internet Explorer 不兼容。它可以是简单的纯文本消息或重定向到某个错误页面。
现在我有了这个代码
<head>
...
<!-- IE10+ will switch to IE9 behaviour and will respect IE HTML conditional tags -->
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9">
...
</head>
<body>
<![if !IE]>
<div id='sapper'>%sapper.html%</div>
%sapper.scripts%
<![endif]>
<!--[if IE]>
<h1 style="color: #333; font-family: 'Arial'; font-size: 18px; padding: 24px 18px; text-align: center;">
We do not support Internet Explorer.
</h1>
<p style="font-size: 46px; text-align: center; padding: 12px 0;">:/</p>
<![endif]-->
</body>
在 template.html 文件中。这是否足以检测所有 IE 浏览器(使用旧引擎)？
我认为检测 IE 可能不足以进行正确的浏览器兼容性检测。我可以使用一些通用的 Svelte 兼容性检测功能吗？
我仍然想要一些最后的代码块，如果应用程序会在运行时在某些不受支持的功能(本地存储、扩展运算符、服务 worker ...)上崩溃，而不是我想要的显示消息或将用户重定向到错误页面。
更新: 我使用带有 meta 标签的 IE 条件标签。如果需要更好地检测浏览器功能，我会以在应用初始化期间执行的测试形式实现它。
最佳答案
rollup sapper 模板包括对“传统模式”的支持。它没有在任何地方记录，但它使用 babel 为旧浏览器创建单独的 javascript 文件。如果你使用这个 ES6 语法，如果 babel 配置正确，应该不会出现问题。你的站点应该在没有 service worker 的情况下仍能正常运行。对于其他功能，例如本地存储，我会根据需要测试特定功能并尝试优雅地失败。
如果您对这里的 Sapper 用来检测旧版浏览器并加载适当的 js 文件的代码感到好奇:
(function() {
try {
eval("async function x(){}");
var main = "${main}"
} catch (e) {
main = "${legacy_main}"
};
var s = document.createElement("script");
try {
new Function("if(0)import('')")();
s.src = main;
s.type = "module";
s.crossOrigin = "use-credentials";
} catch (e) {
s.src = "${req.baseUrl}/client/shimport@${build_info.shimport}.js";
s.setAttribute("data-main", main);
}
document.head.appendChild(s);
}());
关于javascript - 如何检查 Svelte 应用程序的浏览器兼容性？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/62559415/
30
4
0
这不是我的专业领域，所以我希望问的是正确的问题。 我们有一台滚动租用的服务器。旧服务器是32位windows服务器，新服务器是64位windows 2008 R2 SP1。 其中一个 Web 应用程序
按照目前的情况，这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持，但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开，visit the
我已将 Oracle 数据库从 10g 迁移到 12c。从 12c 开始，oracle 不支持 PLSQL_V2_COMPATIBILITY 参数。 该参数用于: https://www.safari
开发环境db server为SqlServer 2005(开发版) 有什么方法可以确保我的 SQL 查询将在 SqlServer 2000 中运行？ 此数据库设置为兼容级别“SQL Server 20
我有一个这种形式的类: public class Foo implements Serializable { private static final long serialVersionUI
我有以下代码来隐藏状态栏，取自 http://developer.android.com/training/system-ui/status.html和 Hide status bar android
我正在尝试测试 .prop() 是否方法存在于当前包含的 jQuery 中(出于兼容性原因): if(typeof $.prop === 'function') 我期望上面的条件是 true对于 jQ
当收到新消息时，我在项目中使用BroadcastChannel更改所有选项卡的标题。 问题在于它仅适用于chrome和firefox。因此，我决定使用localStorage创建一个Broadcast
我正在使用一个函数通过 FTP 将一个文件上传到我的服务器。这是我的代码并且工作正常但是创建的文件 example.json 不兼容 UTF8，因为它有 Atlético 而不是 Atlético 例
我正在使用兼容性类来构建用户代理字符串: public abstract class Compatibility { private static int sdkInt = 0; pr
我需要实现一个 C 例程来(解)压缩 gzip 格式的文件。 谁能举个例子？ 我试过 zlib，但它似乎不兼容。 谢谢。 最佳答案 zlib 与 gzip 文件完全兼容，但您需要确保您使用的是面向 g
我正在使用以下 CSS 代码，它与 Chrome 完美兼容，但与 IE 浏览器不兼容 .collapse{ display:block; } .collapse + input[type="c
我的应用程序以 android Sdk 的 v10 为目标，但具有 minSdkVersion 的 v6。默认情况下，“match_parent”属性将用于宽度或高度。我应该为 fill_parent
我正在阅读有关 dynamic_cast 的内容，然后我遇到了以下语句 ( from cplusplus.com ): Compatibility note: This type of dynamic
我正在尝试在 Linux 下使用 QtCreator 构建一个用 VS 2008 编写的项目，但我遇到了很多错误: /home/ga/dev/CppGroup/MonteCarlo/main.cpp:
因此，我正在构建一个网站，用户可以在该网站上上传观看视频。我正在使用标准的 HTML5 视频播放器 ( ... )目前，我使用多个来源:MP4、OGG 和 WEBM，以实现跨浏览器兼容性 由于维护三
mozilla 和其他浏览器是否有类似-webkit-box-reflect 的属性？我无法在谷歌上找到哪些其他浏览器支持这个。因此，如果有人可以告诉我或给我链接，那就太好了。 最佳答案 这不仅可以使
我定义了一个自定义的 ValidateSet 参数属性，如下所示: Class MyValidValuesAttribute : System.Management.Automation.IValid
我使用 .net 4.0、linq 等编写 winforms 应用程序。它可以在带有 .net 2.0 的机器上运行吗？ 最佳答案 不，不会。为 Framework 4.0 版编译的应用程序将要求该框
我如何专门检查 @keyframes translate3d 动画 与浏览器的兼容性？ 请不要关闭这个问题，因为在问这个问题之前我已经尝试了很多 stackoverflow 解决方案。 我想检查我的网
我是一名优秀的程序员,十分优秀！