Browser-Update.org

ความคิดริเริ่มจากเว็บไซต์เพื่อแจ้งให้ผู้ใช้ปรับปรุงเว็บเบราว์เซอร์ของพวกเขา

การปรับแต่งและทดสอบ

ทดสอบสคริปต์

หากคุณเปิดเว็บไซต์ของคุณด้วย #test-bu ต่อท้าย URL แถบแจ้งเตือนจะแสดงขึ้นอยู่เสมอ ตัวอย่างเช่น: http://browser-update.org/#test-bu กรุณาทำให้แน่ใจว่าหน้าเว็บได้โหลดอย่างถูกต้องโดยการเปิด URL ในแท็บเบราว์เซอร์ใหม่

ตัวเลือก

ตัวเลือกต่อไปนี้สามารถส่งผ่านไปยังสคริปต์:

$buoop = {
    notify: {i:8,f:25,o:17,s:9,c:22},  
    // ระบุเวอร์ชั่นของ browser ที่จะให้แจ้งเตือน ตัวเลขที่ต่ำจะระบุว่าเวอร์ชั่นก่อนจากเวอร์ชั่นปัจจุบันที่จะต้องแจ้งเตือน
 
    // f:22 ---> Firefox <= 22
    // c:-5 ---> Chrome <= 35 if current Chrome version is 40.
    // c:"-5m" ---> Chrome versions which are older than 3 months

    reminder: 24,                  
    // หลังจากกี่ชั่วโมงข้อความจึงจะปรากฏขึ้นอีกครั้ง
    // 0 = แสดงตลอดเวลา

    reminderClosed: 150,           
    // ถ้าผู้ใช้ตั้งใจปิดข้อความ มันจะปรากฏขึ้นอีกครั้งหลังจาก x ชั่วโมง

    onshow: function(infos){},     
    onclick: function(infos){},
    onclose: function(infos){},
    // ฟังก์ชั่น Callback จะปรากฎหลังจากการเเจ้งเตือนถูกปิด

    l: false,                       
    // ตั้งแก้ไขการแปลสำหรับข้อความ e.g "en". การแทนที่นี้จะถูกตรวจสอบ

    test: false,                    
    // true = แสดงแถบแจ้งเตือนตลอดเวลา (สำหรับการทดสอบ)

    text: "",                       
    // ตั้งค่าการแจ้งเตือนเอง (html)
    // notot
    // ตัวอย่าง: Your browser, {brow_name}, is too old: <a{up_but}>update</a> or <a{ignore_but}>ignore</a>.

    text_xx: "",                    
    // ข้อความแจ้งเตือนที่กำหนดเองสำหรับภาษา "xx"
                                  
    // เช่น text_de สำหรับภาษาเยอรมันและ text_it สำหรับภาษาอิตาลี

    newwindow: true,                
    // เปิดลิงก์ในหน้าต่าง/แท็บใหม่

    url: null,                      
    // URL ที่จะไปหลังจากคลิกแจ้งเตือน

    noclose:false,                  
    // Do not show the "ignore" button to close the notification

    nomessage: false,               
    // Do not show a message if the browser is out of date, just call the onshow callback function

    jsshowurl: "//browser-update.org/update.show.min.js", 
    // URL where the script, that shows the notification, is located. This is only loaded if the user actually has an outdated browser.

    container: document.body, 
    // DOM Element where the notification will be injected.

    api: xxx                        
    // This is the version of the browser-update api to use. Please do not remove.

};

เปลี่ยนรูปแบบ

กฎ CSS ต่อไปนี้จะนำมาใช้โดยการแจ้งเตือน คุณสามารถเขียนทับพวกเขาใน CSS ของคุณเอง ในการทำเช่นนั้นคุณจะต้องเพิ่มบางอย่างที่เฉพาะเจาะจงมากขึ้นลงไปในกฎ CSS: เช่น body .buorg {font-size:20px}

.buorg {
    background-position: 8px 17px; 
    position:absolute;
    position:fixed;
    z-index:111111;    
    width:100%; 
    top:0px; 
    left:0px;    
    border-bottom:1px solid #A29330;    
    text-align:left; 
    cursor:pointer;        
    background-color: #fff8ea;    
    font: 17px Calibri,Helvetica,Arial,sans-serif;    
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
.buorg div { 
    padding: 11px 12px 11px 30px;  
    line-height: 1.7em; 
}
.buorg div a,.buorg div a:visited { 
    text-indent: 0; 
    color: #fff;    
    text-decoration: none;    
    box-shadow: 0 0 2px rgba(0,0,0,0.4);    
    padding: 1px 10px;    
    border-radius: 4px;    
    font-weight: normal;    
    background: #5ab400;    
    white-space: nowrap;   
    margin: 0 2px; display: inline-block;
}

#buorgig{ 
    background-color: #edbc68;
}

@media only screen and (max-width: 700px){
.buorg div { 
    padding:5px 12px 5px 9px; 
    text-indent: 22px;
    line-height: 1.3em;
}
.buorg {
    background-position: 9px 8px;}
}