방문자에게 브라우저를 업데이트하도록 알립니다

<!DOCTYPE html > <html lang="ko"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>방문자에게 브라우저를 업데이트하도록 알립니다 - 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="/ko/">Browser-Update.org</a></h1> <div class="tagline">사용자가 웹 브라우저를 업데이트하도록 알려주는 웹사이트들의 운동</div> <div id="menu"> <input type="checkbox"/> <span></span> <span></span> <span></span> <nav> <div><a href="/ko/">프로젝트 정보</a></div> <div><a href="/ko/update-browser.html#3">브라우저를 업데이트하세요</a></div> <div><a href="/ko/stat.html">통계</a></div> <div><a href="/blog.html">블로그</a></div> <div><a href="/ko/contact.html">문의</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="/ko/contact.html"><b>translate...</b></a> </div> </div> </nav> </div> </div> </div> <div id="co"> <div class="message"> <p id="mainmessage"> Browser-update.org는 방문자에게 웹 사이트를 사용하기 위해 웹 브라우저를 업데이트해야 한다는 것을 방해되지 않게 알려 주는 도구입니다. </p> <p> 방문자를 번거롭게 하거나, 서비스 사용을 방해하거나, 잘못 알리지 않도록 주의하면서 이루어집니다! </p> </div> <div class="numbs"> <p> <b>224 444</b>개의 웹 사이트에서 이 알림을 사용하고 있습니다. </p> <p> <a href="stats.html" style="text-decoration: none; color:#333;"> <b>83 588 133</b>명의 방문객들이 웹 브라우저를 업그레이드했습니다. </a> </p> </div> <h2>사용 방법</h2> <ol class="steps"> <li> 웹 사이트에 작은 자바스크립트 <a href="#install">알림</a>을 추가하세요 </li> <li> 오래된 브라우저로 웹 사이트를 방문하면 사이트 맨 위에 현재 브라우저는 오래되었으며 업데이트를 추천하는 조그마한 알림 표시줄이 나타납니다. (<a href="#test-bu" onclick="test_bar();return false;">지금 확인해 보세요!</a>) <div class="example"> <div> <b>귀하의 웹 브라우저(Internet Explorer 10)는 오래되었습니다.</b> 이 사이트에서 보안, 속도와 최상의 경험을 얻으려면 브라우저를 업데이트하십시오.<a href="update.html?force_outdated=true">브라우저 업데이트하기</a> <a id="buorgig">무시하기</a></div> </div> </li> <li> 표시줄을 누르면 방문자는 <a href="update.html?force_outdated=true">왜 웹 브라우저를 업데이트해야 하는지에 대한 이유와 최신 브라우저 목록을 소개하는 페이지</a>로 이동합니다. <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> 이 알림을 닫으면 당분간 표시되지 않습니다. </li> </ol> <h2>장점과 기능</h2> <ul class="advantages"> <li> <h3>아담함</h3> 사용자에게는 알림이 한 번만 표시됩니다. 알림 표시줄은 매우 작으며, 웹 사이트 탐색을 해치지 않습니다. </li> <li> <h3>항상 새로움</h3> 만약 웹 브라우저 개발사에서 지원을 중단하거나, 보안 취약점이 발견되었거나, 업데이트한 지 너무 오래 되었다면 자동으로 목록에 추가됩니다. </li> <li> <h3>사용자 정의 가능</h3> 메시지의 스타일, 텍스트, 기타 옵션을 <a href="customize.html">수정할</a> 수도 있습니다. </li> <li> <h3>지역화</h3> 사용자의 언어로 메시지가 표시됩니다. </li> <li> <h3>완벽하고 테스트됨</h3> Windows, MacOS, Android, iOS, Linux, ... 상의 Chrome, Firefox, Edge, Safari, IE, Android Browser, Samsung, Opera, Chrome, Vivalid, Yandex, ...에서 작동합니다 </li> <li> <h3>가벼움</h3> 단지 3 kB 크기 </li> <li> <h3>유용함</h3> 사용자의 운영 체제에서 사용할 수 있는 다양한 브라우저를 표시합니다. </li> </ul> <h2 id="install">여러분의 웹 사이트에 알림 달기</h2> <p> 웹 사이트에 추가할 코드입니다. 웹 페이지에 아래 코드를 추가하세요. </p> <div class="generate"> <textarea id="f-code" rows="9"><script> var $buoop = {api:2025.02}; 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>필요한 브라우저 버전:</p> <ul id="browserversionchooser"> <li class="be"> <label for="f-e">Edge/IE</label> <select id="f-e" onchange="code()"> <option value="0" >최신 버전 (현재: 131)</option> <option value="-6" >최신부터 6개 이전 버전(현재: 125)</option> <option value="-5" >최신부터 5개 이전 버전(현재: 126)</option> <option value="-4" selected>최신부터 4개 이전 버전(현재: 127)</option> <option value="-3" >최신부터 3개 이전 버전(현재: 128)</option> <option value="-2" >최신부터 2개 이전 버전(현재: 129)</option> <option value="-1" >최신부터 1개 이전 버전(현재: 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> <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" >최신 버전 (현재: 133)</option> <option value="-6" >최신부터 6개 이전 버전(현재: 127)</option> <option value="-5" >최신부터 5개 이전 버전(현재: 128)</option> <option value="-4" >최신부터 4개 이전 버전(현재: 129)</option> <option value="-3" selected>최신부터 3개 이전 버전(현재: 130)</option> <option value="-2" >최신부터 2개 이전 버전(현재: 131)</option> <option value="-1" >최신부터 1개 이전 버전(현재: 132)</option> <option value="133" >133</option> <option value="132" >132</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> </select> </li> <li class="bo"> <label for="f-o">Opera</label> <select id="f-o" onchange="code()"> <option value="0" >최신 버전 (현재: 114)</option> <option value="-6" >최신부터 6개 이전 버전(현재: 108)</option> <option value="-5" >최신부터 5개 이전 버전(현재: 109)</option> <option value="-4" >최신부터 4개 이전 버전(현재: 110)</option> <option value="-3" selected>최신부터 3개 이전 버전(현재: 111)</option> <option value="-2" >최신부터 2개 이전 버전(현재: 112)</option> <option value="-1" >최신부터 1개 이전 버전(현재: 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" >최신 버전 (현재: 18)</option> <option value="-6" >최신부터 6개 이전 버전(현재: 12)</option> <option value="-5" >최신부터 5개 이전 버전(현재: 13)</option> <option value="-4" >최신부터 4개 이전 버전(현재: 14)</option> <option value="-3" >최신부터 3개 이전 버전(현재: 15)</option> <option value="-2" >최신부터 2개 이전 버전(현재: 16)</option> <option value="-1" selected>최신부터 1개 이전 버전(현재: 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" >최신 버전 (현재: 131)</option> <option value="-6" >최신부터 6개 이전 버전(현재: 125)</option> <option value="-5" >최신부터 5개 이전 버전(현재: 126)</option> <option value="-4" >최신부터 4개 이전 버전(현재: 127)</option> <option value="-3" selected>최신부터 3개 이전 버전(현재: 128)</option> <option value="-2" >최신부터 2개 이전 버전(현재: 129)</option> <option value="-1" >최신부터 1개 이전 버전(현재: 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> </ul> <div> <input type="checkbox" checked="checked" id="opinsecure" onchange="code();"/> <label for="opinsecure"> 심각한 보안 문제가 있는 모든 브라우저 버전을 알립니다. <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">자세한 정보(영어)</a> </div> </div> </label> </div> <div> <input type="checkbox" id="opunsupported" onchange="code();"/> <label for="unsupported"> 또한 더 이상 개발사에서 지원하지 않는 모든 브라우저를 알립니다. (<a href="https://github.com/browser-update/browser-update/wiki/Details-on-configuration#notifying-unsupported-browsers">자세한 정보(영어)</a>) </label> </div>  <div style="display: none;"> <input type="checkbox" checked="checked" id="opmobile" onchange="code();"/> <label for="opmobile"> 모바일 브라우저를 알립니다. </label> </div> <div> <label for="f-style">위치</label> <select id="f-style" onchange="code()"> <option value="" selected>상단</option> <option value="bottom">하단</option> <option value="corner">모서리</option> </select> <button onclick="test_bar()">지금 확인해 보세요!</button> </div> <p> 스크립트와 서비스는 <a href="https://github.com/browser-update/browser-update/blob/master/LICENSE.txt">MIT 라이선스</a>가 적용되는 오픈 소스입니다. 스크립트는 어떤 방식으로도 사용자를 추적하지 않으며, 개인 정보를 수집하지 않습니다. </p> <p> 메시지의 스타일, 텍스트, 기타 옵션을 <a href="customize.html">수정할</a> 수도 있습니다. </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:2025.02 }; \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> 플러그인을 사용할 수도 있습니다: </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> <h2>업데이트해야 한다고 말해야 하는 이유</h2> <ul> <li>개발 시간과 비용 감소</li> <li>새로운 브라우저는 더 많은 기능이나 신기술(CSS3, SVG, HTML5, RSS, CSS로 내용 생성, 유연한 레이아웃)을 지원합니다. 웹 사이트에 적용하면 더 좋은 모습을 더 쉽게 만들 수 있습니다.</li> <li><a href="update.html">방문자를 위한 다양한 이점</a>: 보안, 속도, 기능, ...</li> </ul> <div class="help">여러분의 웹 사이트에 <a href="#install">업데이트 알림을 추가</a>하거나, 이 페이지를 <a>공유</a>하거나 <a href="contact.html">번역</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="/ko/#install">여러분의 웹 사이트에 알림 달기</a></div> <div><a href="/ko/browsers.html">List of Webbrowsers</a></div> <div><a href="/ko/browsers-marked-as-insecure.html">Insecure browser versions</a></div> </div> <div class="footer-column"> <div><a href="/ko/what-is-my-browser.html'">What is my webbrowser?</a></div> <div><a href="/ko/stat.html">통계</a></div> <div><a href="/ko/customize.html">Customize and test</a></div> </div> <div class="footer-column"> <div><a href="/ko/">프로젝트 정보</a></div> <div><a href="/blog.html">블로그</a></div> <div><a href="/ko/contact.html">문의</a></div> </div> </footer> </body> </html>

CINXE.COM

방문자에게 브라우저를 업데이트하도록 알립니다 - Browser-Update.org