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>

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

2 个答案: