Notifica als visitants que actualitzin el seu navegador

<!DOCTYPE html > <html lang="ca"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Notifica als visitants que actualitzin el seu navegador - 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="/ca/">Browser-Update.org</a></h1> <div class="tagline">Una iniciativa de dissenyadors web per informar als usuaris sobre les actualitzacions del navegador</div> <div id="menu"> <input type="checkbox"/> <span></span> <span></span> <span></span> <nav> <div><a href="/ca/">El Projecte</a></div> <div><a href="/ca/update-browser.html#3">Actualitza el Navegador</a></div> <div><a href="/ca/stat.html">Estadístiques</a></div> <div><a href="/blog.html">Bloc</a></div> <div><a href="/ca/contact.html">Contacte</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="/ca/contact.html"><b>translate...</b></a> </div> </div> </nav> </div> </div> </div> <div id="co"> <div class="message"> <p id="mainmessage"> Aquest servei és una oportunitat per ajudar discretament als teus visitants a actualitzar a un navegador més nou. </p> <p> Això es fa amb compte de no molestar, bloquejar o informar erròniament als visitants! </p> </div> <div class="numbs"> <p> <b>225 202</b> llocs web fan servir l'script de Browser-Update.org. </p> <p> <a href="stats.html" style="text-decoration: none; color:#333;"> <b>84 145 247</b> visitants han actualitzat el seu navegador. </a> </p> </div> <h2>Com funciona</h2> <ol class="steps"> <li> Inclou el nostre petit javascript <a href="#install">notification</a> al teu lloc web </li> <li> Els visitants amb navegadors desactualitzats seran informats amb una petita i discreta barra sobre que el seu navegador no està actualitzat i és recomanable la seva actualització. (<a href="#test-bu" onclick="test_bar();return false;">Prova la barra de notificacions!</a>) <div class="example"> <div> <b>El teu navegador (Internet Explorer 10) està desactualitzat.</b> Actualitzeu el vostre navegador per obtenir més seguretat, velocitat i una millor experiència en aquest lloc.<a href="update.html?force_outdated=true">Actualitza el navegador</a> <a id="buorgig">Ignorar</a></div> </div> </li> <li> Clicant a la barra, seràs redirigit a una <a href="update.html?force_outdated=true">pàgina d'informació amb arguments pels quals has d'actualitzar o canviar el teu navegador</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> Si el visitant ignora l'advertència, no tornarà a aparèixer durant un temps. </li> </ol> <h2>Avantatges i característiques</h2> <ul class="advantages"> <li> <h3>Subtil</h3> L'usuari només serà notificat una vegada i no serà molestat més. La barra de notificació és molt petita i no afecta negativament a l'experiència de navegació. </li> <li> <h3>Poc manteniment i actualitzat</h3> SI sorgeixen més versions del navegador que no són procurades pels seus fabricants en un futur, que exhibeixin fallades de seguretat o s'hagin mantingut vells durant molt temps, seran afegits a la llista automàticament. </li> <li> <h3>Personalitzable</h3> Pots <a href="customize.html">personalitzar</a> l'estil del missatge, el text i altres opcions. </li> <li> <h3>Localitzat</h3> Aquest missatge es mostra automàticament en l'idioma de l'usuari </li> <li> <h3>Completat i comprovat</h3> Funciona per a Chrome, Firefox, Edge, Safari, IE, Android Browser, Samsung, Opera, Chrome, Vivalid, Yandex, ... a Windows, MacOS, Android, iOS, Linux, ... </li> <li> <h3>Lleuger</h3> Només 3 kb de mida </li> <li> <h3>Útil</h3> Oferint diversos navegadors disponibles per al sistema operatiu de l'usuari. </li> </ul> <h2 id="install">Instal·la la notificació al teu lloc web</h2> <p> Aquí pots obtenir el codi per al teu lloc web. Només cal que l'incrustis a qualsevol lloc del seu codi font. </p> <div class="generate"> <textarea id="f-code" rows="9"><script> var $buoop = {api:2025.04}; 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>Versió del navegador necessària:</p> <ul id="browserversionchooser"> <li class="be"> <label for="f-e">Edge/IE</label> <select id="f-e" onchange="code()"> <option value="0" >última versió (actualment 133)</option> <option value="-6" >com a mínim 6 versions darrere de l'última versió (actualment 127)</option> <option value="-5" >com a mínim 5 versions darrere de l'última versió (actualment 128)</option> <option value="-4" selected>com a mínim 4 versions darrere de l'última versió (actualment 129)</option> <option value="-3" >com a mínim 3 versions darrere de l'última versió (actualment 130)</option> <option value="-2" >com a mínim 2 versions darrere de l'última versió (actualment 131)</option> <option value="-1" >com a mínim 1 versions darrere de l'última versió (actualment 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> <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" >última versió (actualment 135)</option> <option value="-6" >com a mínim 6 versions darrere de l'última versió (actualment 129)</option> <option value="-5" >com a mínim 5 versions darrere de l'última versió (actualment 130)</option> <option value="-4" >com a mínim 4 versions darrere de l'última versió (actualment 131)</option> <option value="-3" selected>com a mínim 3 versions darrere de l'última versió (actualment 132)</option> <option value="-2" >com a mínim 2 versions darrere de l'última versió (actualment 133)</option> <option value="-1" >com a mínim 1 versions darrere de l'última versió (actualment 134)</option> <option value="135" >135</option> <option value="134" >134</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> </select> </li> <li class="bo"> <label for="f-o">Opera</label> <select id="f-o" onchange="code()"> <option value="0" >última versió (actualment 117)</option> <option value="-6" >com a mínim 6 versions darrere de l'última versió (actualment 111)</option> <option value="-5" >com a mínim 5 versions darrere de l'última versió (actualment 112)</option> <option value="-4" >com a mínim 4 versions darrere de l'última versió (actualment 113)</option> <option value="-3" selected>com a mínim 3 versions darrere de l'última versió (actualment 114)</option> <option value="-2" >com a mínim 2 versions darrere de l'última versió (actualment 115)</option> <option value="-1" >com a mínim 1 versions darrere de l'última versió (actualment 116)</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> </select> </li> <li class="bs"> <label for="f-s">Safari</label> <select id="f-s" onchange="code()"> <option value="0" >última versió (actualment 18)</option> <option value="-6" >com a mínim 6 versions darrere de l'última versió (actualment 12)</option> <option value="-5" >com a mínim 5 versions darrere de l'última versió (actualment 13)</option> <option value="-4" >com a mínim 4 versions darrere de l'última versió (actualment 14)</option> <option value="-3" >com a mínim 3 versions darrere de l'última versió (actualment 15)</option> <option value="-2" >com a mínim 2 versions darrere de l'última versió (actualment 16)</option> <option value="-1" selected>com a mínim 1 versions darrere de l'última versió (actualment 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" >última versió (actualment 134)</option> <option value="-6" >com a mínim 6 versions darrere de l'última versió (actualment 128)</option> <option value="-5" >com a mínim 5 versions darrere de l'última versió (actualment 129)</option> <option value="-4" >com a mínim 4 versions darrere de l'última versió (actualment 130)</option> <option value="-3" selected>com a mínim 3 versions darrere de l'última versió (actualment 131)</option> <option value="-2" >com a mínim 2 versions darrere de l'última versió (actualment 132)</option> <option value="-1" >com a mínim 1 versions darrere de l'última versió (actualment 133)</option> <option value="134" >134</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> </select> </li> </ul> <div> <input type="checkbox" checked="checked" id="opinsecure" onchange="code();"/> <label for="opinsecure"> Notifica totes les versions del navegador amb problemes de seguretat greus. <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">més detalls (en anglès)</a> </div> </div> </label> </div> <div> <input type="checkbox" id="opunsupported" onchange="code();"/> <label for="unsupported"> Notifica també a tots els navegadors que ja no és compatible amb el proveïdor. (<a href="https://github.com/browser-update/browser-update/wiki/Details-on-configuration#notifying-unsupported-browsers">més detalls (en anglès)</a>) </label> </div>  <div style="display: none;"> <input type="checkbox" checked="checked" id="opmobile" onchange="code();"/> <label for="opmobile"> Notifica els navegadors per a mòbils. </label> </div> <div> <label for="f-style">Posició</label> <select id="f-style" onchange="code()"> <option value="" selected>superior</option> <option value="bottom">a sota</option> <option value="corner">cantonada</option> </select> <button onclick="test_bar()">Prova la barra de notificacions!</button> </div> <p> El script i el servei són de codi obert sota la <a href="https://github.com/browser-update/browser-update/blob/master/LICENSE.txt">MIT License</a>. L'script no fa el seguiment dels usuaris de cap manera i no recopila cap informació personal. </p> <p> Pots <a href="customize.html">personalitzar</a> l'estil del missatge, el text i altres opcions. </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.04 }; \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> També pots fer servir els ginys de tercers per: </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>Per què has de dir als usuaris que s'actualitzin</h2> <ul> <li>Redueïx temps i costos de desenvolupament</li> <li>Els navegadors més moderns et permeten fer ús de noves tecnologies (CSS3, SVG, HTML5, RSS, Contingut Generat per CSS, Plantilles flexibles) al teu lloc web, donant així una millor experiència als teus usuaris.</li> <li>Nombrosos <a href="update.html"> beneficis per als visitants </a>: seguretat, velocitat, funcions ...</li> </ul> <div class="help">Ajudeu aquest projecte mitjançant <a href="#install"> utilitzant la notificació d'actualització </a> al vostre lloc, <a> compartint </a> o <a href="contact.html"> traduint </a> d'aquesta pàgina.</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="/ca/#install">Instal·la la notificació al teu lloc web</a></div> <div><a href="/ca/browsers.html">List of Webbrowsers</a></div> <div><a href="/ca/browsers-marked-as-insecure.html">Insecure browser versions</a></div> </div> <div class="footer-column"> <div><a href="/ca/what-is-my-browser.html'">What is my webbrowser?</a></div> <div><a href="/ca/stat.html">Estadístiques</a></div> <div><a href="/ca/customize.html">Customize and test</a></div> </div> <div class="footer-column"> <div><a href="/ca/">El Projecte</a></div> <div><a href="/blog.html">Bloc</a></div> <div><a href="/ca/contact.html">Contacte</a></div> </div> </footer> </body> </html>

CINXE.COM

Notifica als visitants que actualitzin el seu navegador - Browser-Update.org