javascript - 由于不兼容而停止加载带有消息的网站

Question

我使用 HTML5 和 CSS3 开发了一个简单的网站。我在使它与 chrome 以外的浏览器兼容时遇到了很多困难。“更改背景图像”动画在 Firefox、IE 中不起作用。它仅在 Chrome 中有效。我希望我网站的访问者只有在拥有 chrome 时才能访问网站，否则它应该给出警告消息，或者它可能会打开 chrome 下载页面。我只是不希望访问者能够查看在所有其他浏览器中实际上非常糟糕但不是 chrome 的“不太愉快”的网站。JavaScript 会很好，但我对此一无所知。你可以在这里查看网站：http: //aspspider.org/samarth

Answer 1

网站通常被开发为与大多数用户兼容，而不是少数。我强烈建议您重新设计您的网页，或者至少构建一个外观更好的网页，它没有 Chrome 版本的功能，但仍然可供使用 IE 和 FF 的人使用。将您的网页限制为使用 Chrome 的人是一个非常糟糕的主意。如果您真的希望 chrome 用户能够获得您拥有的全部功能，那么请在后台创建一个为所有其他浏览器构建的单独网站。然后，当不使用 chrome 的用户加载 Chrome 页面时（默认情况下），然后将他们重定向到辅助功能较少的网页，并在辅助页面顶部放置一条通知，其中包含“你不是使用谷歌浏览器。要充分利用此网页，（这是 GC 下载页面的链接）并在该浏览器中重新加载（链接到默认起始页面）此网页。”重定向脚本将如 Merca 上面建议的那样：

<script type="text/javascript">
var is_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
if (!is_chrome) window.location.href = "nonchrome/IEindex.html"; // redirects to IE & FF compatible webpage
</script>

Answer 2

试试谷歌框架。只要客户端是 IE 浏览器，它就可以加载：

http://www.google.com/chromeframe?prefersystemlevel=true

或者使用 JS 检测浏览器是否是 Chrome：

<script type="text/javascript">
var is_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
if (!is_chrome) window.location.href = "/get-chrome"; // or something...
</script>