Browser-Update.org

پویشی مبتکرانه توسط مدیران وبسایت‌ها برای مطلع کردن کاربران جهت به‌روزرسانی مرورگرهایشان

سفارشی و تست

آزمایش اسکریپت

If you open your website with #test-bu appended to the url, the bar will always show up. Example: http://browser-update.org/#test-bu. Make sure the page is properly reloaded by opening the url in an new browser tab.

تنظیمات

گزینه های ذیل میتوانند در اسکریپت قبول شوند :

$buoop = {
    required: {i:8,f:25,o:17,s:9,c:22},
    // نگارش مورد نیاز مرورگرها را مشخص کنید
    // مرورگرهای قدیمی‌تر از این اطلاع‌رسانی می‌شوند.
    // f:22 ---> Firefox < 22 gets notified
    // Negative numbers specify how much versions behind current version.
    // c:-5 ---> Chrome < 35  gets notified if latest Chrome version is 40.
    // توضیحات بیشتر (به زبان انگلیسی)
    
    reminder: 24,
    // پس از چند ساعت، پیغام باید مجدداً نمایش داده شود
    // 0 = همیشه نشان داده شود

    reminderClosed: 150,
    // if the user explicitly closes message it reappears after x hours

    onshow: function(infos){},
    onclick: function(infos){},
    onclose: function(infos){},
    // توابع بازگشتی پس از نمایش، کلیک و یا بستن پیغام

    l: false,
    // set a fixed language for the message, e.g. "en". This overrides the default detection.

    test: false,
    // درست = همیشه نوار را نشان دهد (برای تست کردن)

    text: "",
    // متن اعلان سفارشی (html)
    // Placeholders {brow_name} will be replaced with the browser name, {up_but} with contents of the update link tag and {ignore_but} with contents for the ignore link.
    // مثال: Your browser, {brow_name}, is too old: &lt;a{up_but}&gt;update&lt;/a&gt; or &lt;a{ignore_but}&gt;ignore&lt;/a&gt;.

    text_xx: "",
    // custom notification text for language "xx"
    // e.g. text_de for german and text_it for italian

    newwindow: true,
    // باز کردن لینک در پنجره/برگه جدید

    url: null,
    // آدرسی که با کلیک روی اعلان به آن هدایت می شوید

    noclose:false,
    // کلید "نادیده گرفتن" را جهت بستن پیغام نمایش نده

    nomessage: false,
    // درصورت قدیمی بودن مرورگر، هیچ پیغامی را نمایش نده و تنها تابه onshow را فراخوانی کن

    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,
    // عنصری که اعلان در آن قرارداده‌می‌شود.

    no_permanent_hide: false
    // امکان نخفی‌سازی دائمی اعلان را به کاربر ندهید

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

};
پارامتر توضیحات مقادیر مقدار پیش‌فرض نوع
style The position where the notification should be shown. Available options are: "top", "bottom", "corner" "top", "bottom", "corner" "top" string
shift_page_down Shift down the page in order not to obscure content behind the notification bar. Adds margin-top to the <body> tag. true, false true boolean
notify_esr Also notify Firefox ESR (Extended Support releases) versions if they are below requirement - although they are still supported. Default is to not notify them. They are supported by mozilla for about a year after their initial release. true, false false boolean

تغییر شیوه نمایش

The following CSS rules are applied by the notification. You can overwrite them in your own CSS. To do so you need to add some more specificity to the css-rules: e.g. body .buorg {font-size:20px}



    .buorg {
        position: absolute;
        position: fixed;
        z-index: 111111;
        width: 100%;
        top: 0px;
        left: 0px;
        border-bottom: 1px solid #A29330;
        text-align: center;
        color: #000;
        background-color: #fff8ea;
        font: 18px Calibri, Helvetica, sans-serif;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
        animation: 1s ease-out 0s buorgfly
    }

    .buorg-pad {
        padding: 9px;
        line-height: 1.7em;
    }

    .buorg-buttons {
        display: block;
        text-align: center;
    }

    #buorgig, #buorgul, #buorgpermanent {
        color: #fff;
        text-decoration: none;
        cursor: pointer;
        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;
            line-height: 1.3em;
        }
    }

    @keyframes buorgfly {
        from {
            opacity: 0;
            transform: translateY(-50px)
        }
        to {
            opacity: 1;
            transform: translateY(0px)
        }
    }

    .buorg-fadeout {
        transition: visibility 0s 8.5s, opacity 8s ease-out .5s;
    }

    .buorg-icon {
        width: 22px;
        height: 16px;
        vertical-align: middle;
        position: relative;
        top: -0.05em;
        display: inline-block;
        background: no-repeat 0px center;
    }