master

分支 (1)

管理

管理

master

Browser-Updating
/
notice.php

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="design.css?0.265652">
    <!-- 这里并没有用 webpack 进行配置 React -->
    <script type="text/javascript" src="react-demos-master/build/react.js"></script>
    <script type="text/javascript" src="react-demos-master/build/react-dom.js"></script>
    <script type="text/javascript" src="react-demos-master/build/browser.min.js"></script>
    <script type="text/javascript">
        // 用 navigator.userAgent 和 正则表达式 提取出 浏览器内核 和 浏览器版本号
        // browser变量 的形式：browser = {name: 内核, version: 版本号}
        var browser = (function() {
            var s = navigator.userAgent.toLowerCase();
            var match = /(webkit)[ \/]([\w.]+)/.exec(s) || /(opera)(?:.*version)?[ \/]([\w.]+)/.exec(s) || /(msie) ([\w.]+)/.exec(s) || !/compatible/.test(s) && /(mozilla)(?:.*? rv:([\w.+]))?/.exec(s) || [];

            return { name: match[1] || "", version: match[2] || "0" };
        }());

        // 可通过控制台查到浏览器内核和版本号
        console.log(browser);
    </script>
    <script type="text/babel">
        // React 中的 Notice 类：实现对弹出的对话框的渲染
        class Notice extends React.Component
        {
            constructor(props)
            {
                super(props);
                this.handleClick = this.handleClick.bind(this);
            }
            handleClick()
            {
                window.location.href = 'https://www.baidu.com/link?url=BnbAFZDmRUDd4PLEP-fGC3l0Pz9PbZ7b6RI8GKlG7H4vYKNIMDLQKguRrfstC2s9leaCEPlvrbipSVeES-OourlAVkopD2V1fAcfXFT_-t7&wd=&eqid=ccf384d9000e8a6e0000000359e20537';
            }
            render()
            {
                return (
                    <div>
                        <p id="title">请更新您的浏览器</p>
                        <p id="content">您可点击下面的链接下载新版谷歌Chrome浏览器</p>
                        <div>
                            <img src="images/Chrome.png" alt="Chrome" onClick={this.handleClick} />
                        </div>
                    </div>
                );
            }
        };

        // 判断浏览器内核类型，如果不是 webkit内核，就会弹出对话框
        if (browser.name !== 'webkit')
            ReactDOM.render(<Notice />, document.getElementById('notice'));
    </script>
    <title>Check Browser</title>
</head>
<body>
    <div id="notice"></div>
</body>
</html>