Thông báo cho khách truy cập cập nhật trình duyệt của họ

<!DOCTYPE html > <html lang="vi"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Thông báo cho khách truy cập cập nhật trình duyệt của họ - Browser-Update.org</title> <meta name="description" content=""/> <meta name="keywords" content="browser, webbrowser, upgrade browser, update browser, choice, change browser, firefox, safari, opera, firefox, upgrade internet explorer, internet explorer update, ie, safari, konqueror"/> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <link rel="shortcut icon" href="/static/img/favicon.png" type="image/png"/> <link rel="icon" href="/static/img/favicon.png" type="image/png"/> <meta name="robots" content="index,follow"/> <link rel="stylesheet" href="/static/base2.css" type="text/css"/>   </head> <body> <div class="header"> <div class="innerhead"> <h1><a href="/vi/">Browser-Update.org</a></h1> <div class="tagline">Một sáng kiến của các website nhằm báo cho người dùng nên cập nhật trình duyệt web của họ</div> <div id="menu"> <input type="checkbox"/> <span></span> <span></span> <span></span> <nav> <div><a href="/vi/">Giới thiệu Dự án</a></div> <div><a href="/vi/update-browser.html#3">Cập nhật Trình duyệt của bạn</a></div> <div><a href="/vi/stat.html">Thống kê</a></div> <div><a href="/blog.html">Blog</a></div> <div><a href="/vi/contact.html">Liên hệ</a></div> <div id="lang2"> <a>Languages ▼</a> <div> <a href="/en/">english</a> <a href="/de/">deutsch</a> <a href="/fr/">français</a> <a href="/it/">italiano</a> <a href="/pt/">português</a> <a href="/es/">español</a> <a href="/pl/">polski</a> <a href="/nl/">nederlands</a> <a href="/ja/">日本語</a> <a href="/sl/">slovenščina</a> <a href="/ru/">Русский</a> <a href="/ko/">한국어</a> <a href="/id/">Bahasa Indonesia</a> <a href="/uk/">Українська</a> <a href="/rm/">rumantsch</a> <a href="/da/">dansk</a> <a href="/sq/">shqipe</a> <a href="/ca/">català</a> <a href="/sv/">svenska</a> <a href="/hu/">magyar</a> <a href="/fa/">فارسی</a> <a href="/gl/">galego</a> <a href="/he/">עברית</a> <a href="/cs/">Čeština</a> <a href="/nb/">Norsk bokmål</a> <a href="/zh/">簡體中文</a> <a href="/zh_TW/">正體中文</a> <a href="/fi/">suomi</a> <a href="/tr/">Türkçe</a> <a href="/ro/">Română</a> <a href="/hr/">hrvatski</a> <a href="/bg/">български</a> <a href="/el/">Ελληνικά</a> <a href="/ar/">العربية</a> <a href="/sr/">Srpski</a> <a href="/lv/">Latviešu</a> <a href="/ga/">Gaeilge</a> <a href="/no/">Norsk</a> <a href="/th/">ภาษาไทย</a> <a href="/sk/">slovenčina</a> <a href="/hi/">हिन्दी</a> <a href="/vi/">tiếng Việt</a> <a href="/uz/">oʻzbekcha</a> <a href="/et/">eesti keel</a> <a href="/cy/">cymraeg</a> <a href="/vi/contact.html"><b>translate...</b></a> </div> </div> </nav> </div> </div> </div> <div id="co"> <div class="message"> <p id="mainmessage"> Browser-update.org là một công cụ để thông báo cho khách truy cập rằng họ nên cập nhật trình duyệt web của mình để sử dụng trang web của bạn. </p> <p> Công cụ này được làm cẩn thận để không gây phiền nhiễu, khóa hoặc thông báo sai cho khách truy cập! </p> </div> <div class="numbs"> <p> <b>223 488</b> trang web đang sử dụng thông báo này </p> <p> <a href="stats.html" style="text-decoration: none; color:#333;"> <b>82 858 334</b> khách truy cập đã cập nhật trình duyệt của họ </a> </p> </div> <h2>Cách hoạt động</h2> <ol class="steps"> <li> Đưa javascript <a href="#install">thông báo</a> nhỏ của chúng tôi vào website của bạn </li> <li> Khách truy cập sử dụng trình duyệt lỗi thời sẽ được thông báo bằng một hộp thông báo nhỏ, không gây phiền nhiễu, rằng trình duyệt của họ không được cập nhật và họ nên cập nhật trình duyệt của mình. (<a href="#test-bu" onclick="test_bar();return false;">Hãy dùng thử!</a>) <div class="example"> <div> <b>Trình duyệt web của bạn (Internet Explorer 10) đã lỗi thời.</b> Cập nhật trình duyệt của bạn để có thêm bảo mật, tốc độ và trải nghiệm tốt nhất trên trang web này.<a href="update.html?force_outdated=true">Cập nhật trình duyệt</a> <a id="buorgig">Bỏ qua</a></div> </div> </li> <li> Bằng cách nhấp vào thông báo, họ sẽ vào <a href="update.html?force_outdated=true">trang thông tin với lý do tại sao phải cập nhật (hoặc thay đổi) trình duyệt và danh sách các trình duyệt</a> có sẵn cho hệ thống của họ. <div style="text-align: center"><a href="update.html?force_outdated=true" title="update browser"><img alt="download firefox/internet explorer/chrome/opera to update your browser" src="/static/img/shot update.png" style="width:400px; max-width: 100%;"/></a></div> </li> <li> Nếu khách truy cập bỏ qua lời khuyên, thông báo sẽ không xuất hiện lại trong một thời gian. </li> </ol> <h2 id="install">Cài đặt thông báo cập nhật trình duyệt trên website của bạn</h2> <p> Chỉ cần đưa đoạn mã này vào bất cứ nơi nào trong mã nguồn của trang của bạn. </p> <div class="generate"> <textarea id="f-code" rows="9"><script> var $buoop = {api:2024.11}; function $buo_f(){ var e = document.createElement("script"); e.src = "//browser-update.org/update.min.js"; document.body.appendChild(e); }; try {document.addEventListener("DOMContentLoaded", $buo_f,false)} catch(e){window.attachEvent("onload", $buo_f)} </script></textarea> <p>Phiên bản trình duyệt bắt buộc:</p> <ul id="browserversionchooser"> <li class="be"> <label for="f-e">Edge/IE</label> <select id="f-e" onchange="code()"> <option value="0" >phiên bản mới nhất (hiện tại 130)</option> <option value="-6" >ít nhất 6 phiên bản cũ hơn phiên bản mới nhất (hiện tại 124)</option> <option value="-5" >ít nhất 5 phiên bản cũ hơn phiên bản mới nhất (hiện tại 125)</option> <option value="-4" selected>ít nhất 4 phiên bản cũ hơn phiên bản mới nhất (hiện tại 126)</option> <option value="-3" >ít nhất 3 phiên bản cũ hơn phiên bản mới nhất (hiện tại 127)</option> <option value="-2" >ít nhất 2 phiên bản cũ hơn phiên bản mới nhất (hiện tại 128)</option> <option value="-1" >ít nhất 1 phiên bản cũ hơn phiên bản mới nhất (hiện tại 129)</option> <option value="130" >130</option> <option value="129" >129</option> <option value="128" >128</option> <option value="127" >127</option> <option value="126" >126</option> <option value="125" >125</option> <option value="124" >124</option> <option value="123" >123</option> <option value="122" >122</option> <option value="121" >121</option> <option value="120" >120</option> <option value="119" >119</option> <option value="118" >118</option> <option value="117" >117</option> <option value="116" >116</option> <option value="115" >115</option> <option value="114" >114</option> <option value="113" >113</option> <option value="112" >112</option> <option value="111" >111</option> <option value="110" >110</option> <option value="109" >109</option> <option value="108" >108</option> <option value="107" >107</option> <option value="106" >106</option> <option value="105" >105</option> <option value="104" >104</option> <option value="103" >103</option> <option value="102" >102</option> <option value="101" >101</option> <option value="100" >100</option> <option value="99" >99</option> <option value="98" >98</option> <option value="97" >97</option> <option value="96" >96</option> <option value="95" >95</option> <option value="94" >94</option> <option value="93" >93</option> <option value="92" >92</option> <option value="91" >91</option> <option value="90" >90</option> <option value="89" >89</option> <option value="88" >88</option> <option value="87" >87</option> <option value="86" >86</option> <option value="85" >85</option> <option value="84" >84</option> <option value="83" >83</option> <option value="82" >82</option> <option value="81" >81</option> <option value="80" >80</option> <option value="79" >79</option> <option value="18" >18</option> <option value="17" >17</option> <option value="16" >16</option> <option value="15" >15</option> <option value="14" >14</option> <option value="13" >13</option> <option value="12" >12</option> <option value="11" >11</option> <option value="10" >10</option> <option value="9" >9</option> <option value="8" >8</option> </select> </li> <li class="bf"> <label for="f-f">Firefox</label> <select id="f-f" onchange="code()"> <option value="0" >phiên bản mới nhất (hiện tại 131)</option> <option value="-6" >ít nhất 6 phiên bản cũ hơn phiên bản mới nhất (hiện tại 125)</option> <option value="-5" >ít nhất 5 phiên bản cũ hơn phiên bản mới nhất (hiện tại 126)</option> <option value="-4" >ít nhất 4 phiên bản cũ hơn phiên bản mới nhất (hiện tại 127)</option> <option value="-3" selected>ít nhất 3 phiên bản cũ hơn phiên bản mới nhất (hiện tại 128)</option> <option value="-2" >ít nhất 2 phiên bản cũ hơn phiên bản mới nhất (hiện tại 129)</option> <option value="-1" >ít nhất 1 phiên bản cũ hơn phiên bản mới nhất (hiện tại 130)</option> <option value="131" >131</option> <option value="130" >130</option> <option value="129" >129</option> <option value="128" >128</option> <option value="127" >127</option> <option value="126" >126</option> <option value="125" >125</option> <option value="124" >124</option> <option value="123" >123</option> <option value="122" >122</option> </select> </li> <li class="bo"> <label for="f-o">Opera</label> <select id="f-o" onchange="code()"> <option value="0" >phiên bản mới nhất (hiện tại 114)</option> <option value="-6" >ít nhất 6 phiên bản cũ hơn phiên bản mới nhất (hiện tại 108)</option> <option value="-5" >ít nhất 5 phiên bản cũ hơn phiên bản mới nhất (hiện tại 109)</option> <option value="-4" >ít nhất 4 phiên bản cũ hơn phiên bản mới nhất (hiện tại 110)</option> <option value="-3" selected>ít nhất 3 phiên bản cũ hơn phiên bản mới nhất (hiện tại 111)</option> <option value="-2" >ít nhất 2 phiên bản cũ hơn phiên bản mới nhất (hiện tại 112)</option> <option value="-1" >ít nhất 1 phiên bản cũ hơn phiên bản mới nhất (hiện tại 113)</option> <option value="114" >114</option> <option value="113" >113</option> <option value="112" >112</option> <option value="111" >111</option> <option value="110" >110</option> <option value="109" >109</option> <option value="108" >108</option> <option value="107" >107</option> <option value="106" >106</option> <option value="105" >105</option> </select> </li> <li class="bs"> <label for="f-s">Safari</label> <select id="f-s" onchange="code()"> <option value="0" >phiên bản mới nhất (hiện tại 18)</option> <option value="-6" >ít nhất 6 phiên bản cũ hơn phiên bản mới nhất (hiện tại 12)</option> <option value="-5" >ít nhất 5 phiên bản cũ hơn phiên bản mới nhất (hiện tại 13)</option> <option value="-4" >ít nhất 4 phiên bản cũ hơn phiên bản mới nhất (hiện tại 14)</option> <option value="-3" >ít nhất 3 phiên bản cũ hơn phiên bản mới nhất (hiện tại 15)</option> <option value="-2" >ít nhất 2 phiên bản cũ hơn phiên bản mới nhất (hiện tại 16)</option> <option value="-1" selected>ít nhất 1 phiên bản cũ hơn phiên bản mới nhất (hiện tại 17)</option> <option value="18" >18</option> <option value="17" >17</option> <option value="16" >16</option> <option value="15" >15</option> <option value="14" >14</option> <option value="13" >13</option> <option value="12" >12</option> <option value="11" >11</option> <option value="10" >10</option> <option value="9" >9</option> </select> </li> <li class="bc"> <label for="f-c">Chrome</label> <select id="f-c" onchange="code()"> <option value="0" >phiên bản mới nhất (hiện tại 130)</option> <option value="-6" >ít nhất 6 phiên bản cũ hơn phiên bản mới nhất (hiện tại 124)</option> <option value="-5" >ít nhất 5 phiên bản cũ hơn phiên bản mới nhất (hiện tại 125)</option> <option value="-4" >ít nhất 4 phiên bản cũ hơn phiên bản mới nhất (hiện tại 126)</option> <option value="-3" selected>ít nhất 3 phiên bản cũ hơn phiên bản mới nhất (hiện tại 127)</option> <option value="-2" >ít nhất 2 phiên bản cũ hơn phiên bản mới nhất (hiện tại 128)</option> <option value="-1" >ít nhất 1 phiên bản cũ hơn phiên bản mới nhất (hiện tại 129)</option> <option value="130" >130</option> <option value="129" >129</option> <option value="128" >128</option> <option value="127" >127</option> <option value="126" >126</option> <option value="125" >125</option> <option value="124" >124</option> <option value="123" >123</option> <option value="122" >122</option> <option value="121" >121</option> </select> </li> </ul> <div> <input type="checkbox" checked="checked" id="opinsecure" onchange="code();"/> <label for="opinsecure"> Thông báo cho tất cả các phiên bản trình duyệt có vấn đề bảo mật nghiêm trọng. <div class="infotip">ⓘ <div class="tooltop"> Currently notifying: <ul> <li>Edge/IE < 126.0 </li> <li>Firefox < 126 </li> <li>Opera < 112 </li> <li>Safari < 16.5 </li> <li>Chrome < 126.0 </li> </ul> <a href="https://github.com/browser-update/browser-update/wiki/Details-on-configuration#notifying-insecure-browsers">thêm chi tiết (bằng tiếng Anh)</a> </div> </div> </label> </div> <div> <input type="checkbox" id="opunsupported" onchange="code();"/> <label for="unsupported"> Cũng thông báo cho tất cả các trình duyệt không được nhà cung cấp hỗ trợ nữa. (<a href="https://github.com/browser-update/browser-update/wiki/Details-on-configuration#notifying-unsupported-browsers">thêm chi tiết (bằng tiếng Anh)</a>) </label> </div>  <div style="display: none;"> <input type="checkbox" checked="checked" id="opmobile" onchange="code();"/> <label for="opmobile"> Thông báo cho các trình duyệt di động. </label> </div> <div> <label for="f-style">Vị trí</label> <select id="f-style" onchange="code()"> <option value="" selected>trên đầu</option> <option value="bottom">dưới cùng</option> <option value="corner">góc</option> </select> <button onclick="test_bar()">Hãy dùng thử!</button> </div> <p> Script và dịch vụ là mã nguồn mở theo <a href="https://github.com/browser-update/browser-update/blob/master/LICENSE.txt">Giấy phép MIT</a>. Script này không theo dõi người dùng theo bất kỳ cách nào và không thu thập bất kỳ thông tin cá nhân nào. </p> <p> Bạn có thể <a href="customize.html">tùy biến</a> kiểu thông báo, văn bản và các tùy chọn khác. </p> </div> <style> .generate { border: none; padding: 10px 10px; } .generate #browserversionchooser label { width: 75px; display: inline-block; } .generate textarea { height: 13em; width: 97%; border: none; } #browserversionchooser select { background: white; padding: 5px; } #browserversionchooser li { background-size: 28px 28px; background-repeat: no-repeat; padding-left: 28px; display: block; padding: 9px; background-position: left center; padding-left: 40px; } .bf { background-image: url('/static/img/big/f.png');} .be { background-image: url('/static/img/big/e.png');} .bo { background-image: url('/static/img/big/o.png');} .bc { background-image: url('/static/img/big/c.png');} .bs { background-image: url('/static/img/big/s.png');} </style> <script> function _get(name,defaultval) { if (document.getElementById("op"+name).checked!==defaultval) return name+":"+(!defaultval)+","; else return ""; } function getomat(name) { return document.getElementById('f-'+ name).value; } function _get2(name,defaultval) { var val=document.getElementById("f-"+name).value; if (val!==defaultval) return name+':"'+val+'",'; else return ""; } function test_bar() { var el=document.getElementById("buorg"); if (el) el.parentNode.removeChild(el); $buo({'style':getomat('style'),dont_show_debuginfo:true},true); return false; } //+_get("newos",true) function code() { var notify = 'required:{e:'+ getomat('e') +',f:'+ getomat('f') +',o:'+ getomat('o') +',s:'+ getomat('s') +',c:'+ getomat('c') +'},'; var code = '<'+'script> \n\ var $buoop = {'+notify+_get("insecure",false)+_get("unsupported",false)+_get("mobile",true)+_get2("style","")+'api:2024.11 }; \n\ function $buo_f(){ \n\ var e = document.createElement("script"); \n\ e.src = "//browser-update.org/update.min.js"; \n\ document.body.appendChild(e);\n\ };\n\ try {document.addEventListener("DOMContentLoaded", $buo_f,false)}\n\ catch(e){window.attachEvent("onload", $buo_f)}\n\ <'+'/script>'; document.getElementById('f-code').value=code; } code(); </script> <p> Có các plugin cho: </p> <div class="plugins"> <a href="https://www.npmjs.com/package/browser-update">npm</a> <a href="http://wordpress.org/extend/plugins/wp-browser-update">WordPress</a> <a href="https://www.npmjs.com/package/@sum.cumo/vue-browserupdate">vue.js</a> <a href="https://www.npmjs.com/package/ng-browser-update">angular</a> <a href="https://www.npmjs.com/package/ember-cli-browser-update">ember-cli</a> <a href="https://emberobserver.com/addons/ember-browser-update">ember</a> <a href="http://typo3.org/extensions/repository/view/browserupdnotify/current/">TYPO3</a> <a href="https://contao.org/de/extension-list/view/browser_update.html">Contao</a> <a href="http://www.vbulletin.org/forum/showthread.php?t=239559">vBulletin</a> <a href="http://www.concrete5.org/marketplace/addons/scala-it-browser-update-notification/">concrete5</a> <a href="http://modxcms.com/extras/package/737">MODx</a> <a href="https://drupal.org/project/bu">Drupal</a> <a href="http://trac.habariproject.org/habari-extras/browser/plugins/browserupdate">Habari</a> <a href="https://github.com/vishy93/Browser_Update_Magento_Plugin">Magento</a> <a href="https://www.woltlab.com/pluginstore/index.php/File/1363-Warnhinheis-bei-veralteten-Browsern/">WCF2</a> <a href="http://dev.cmsmadesimple.org/projects/browserupdate">CMS made simple</a> <a href="http://xenforo.com/community/resources/customisable-browser-update-org-widget.764/">XenForo</a> <a href="http://modules.processwire.com/modules/markup-browser-update/">ProcessWire</a> <a href="http://rapidweaver.marathia.com/stacks/BrowserUpdate/">Rapidweaver</a> <a href="https://extensions.joomla.org/extension/browser-update/">Joomla</a> <a href="https://plugins.bludit.com/plugin/header-content">Bludit CMS</a> </div> <script> var $buoop = {api:4}; </script> <script src="/update.min.js"></script> <div class="cookiebar" id="cookiebar" style='right:auto;font-size:16px'>This site is not yet fully translated into your language. <a href="contact.html">Please help by translating it!</a></div> </div> <footer> <div class="footer-column"> <div><a href="/vi/#install">Cài đặt thông báo cập nhật trình duyệt trên website của bạn</a></div> <div><a href="/vi/browsers.html">List of Webbrowsers</a></div> <div><a href="/vi/browsers-marked-as-insecure.html">Insecure browser versions</a></div> </div> <div class="footer-column"> <div><a href="/vi/what-is-my-browser.html'">What is my webbrowser?</a></div> <div><a href="/vi/stat.html">Thống kê</a></div> <div><a href="/vi/customize.html">Customize and test</a></div> </div> <div class="footer-column"> <div><a href="/vi/">Giới thiệu Dự án</a></div> <div><a href="/blog.html">Blog</a></div> <div><a href="/vi/contact.html">Liên hệ</a></div> </div> </footer> </body> </html>

CINXE.COM

Thông báo cho khách truy cập cập nhật trình duyệt của họ - Browser-Update.org