Cách tắt "ngăn trang này tạo hộp thoại bổ sung"?

Question

Tôi đang phát triển một ứng dụng web sử dụng các hộp thoại JavaScript alert() và confirm().

Làm cách nào để ngăn Chrome hiển thị hộp kiểm này?

Có một thiết lập tôi có thể sửa đổi?

Tôi biết tôi có thể sửa đổi mã nguồn nhưng tôi muốn nó để Chrome vẫn có thể tự động cập nhật.

Tôi không cần phải lo lắng về các trình duyệt khác vì ứng dụng chỉ chạy trong Chrome.

Tôi có quyền truy cập quản trị vào các máy (Windows) chạy ứng dụng.

Answer 1

Bạn không thể. Đó là tính năng của trình duyệt ở đó để ngăn các trang web hiển thị hàng trăm cảnh báo để ngăn bạn rời khỏi.

Tuy nhiên, bạn có thể xem xét các cửa sổ bật lên phương thức như jQuery UI Dialog. Đây là các hộp cảnh báo javascript hiển thị hộp thoại tùy chỉnh. Chúng không sử dụng hàm alert() mặc định và do đó, bỏ qua vấn đề bạn đang chạy hoàn toàn.

Tôi nhận thấy rằng một ứng dụng có nhiều hộp thư và xác nhận có một trải nghiệm người dùng tốt hơn nếu bạn sử dụng hộp thoại tùy chỉnh thay vì cảnh báo mặc định và xác nhận.

Answer 2

Bạn nên cho phép người dùng thực hiện điều đó nếu họ muốn (và bạn không thể dừng họ).

Vấn đề của bạn là bạn cần phải biết rằng họ có và sau đó giả định rằng họ có nghĩa là OK, không hủy bỏ. Thay confirm(x) với myConfirm(x):

function myConfirm(message) { 
    var start = Number(new Date()); 
    var result = confirm(message); 
    var end = Number(new Date()); 
    return (end<(start+10)||result==true); 
} 

Answer 3

Tôi biết tất cả mọi người là đạo đức chống lại điều này, nhưng tôi hiểu có những lý do của thực tiễn đùa nơi này là mong muốn. Tôi nghĩ Chrome đã có lập trường vững chắc về điều này bằng cách thực thi một khoảng thời gian tách biệt thứ hai bắt buộc giữa các thông điệp cảnh báo. Điều này mang lại cho khách truy cập chỉ đủ thời gian để đóng trang hoặc làm mới nếu họ bị kẹt trên trang web trò đùa gây phiền nhiễu.

Vì vậy, để trả lời câu hỏi của bạn, tất cả đều là vấn đề về thời gian. Nếu bạn cảnh báo nhiều lần mỗi giây, Chrome sẽ tạo hộp kiểm đó. Dưới đây là một ví dụ đơn giản của một workaround:

var countdown = 99; 
function annoy(){ 
    if(countdown>0){ 
     alert(countdown+" bottles of beer on the wall, "+countdown+" bottles of beer! Take one down, pass it around, "+(countdown-1)+" bottles of beer on the wall!"); 
     countdown--; 

     // Time must always be 1000 milliseconds, 999 or less causes the checkbox to appear 
     setTimeout(function(){ 
      annoy(); 
     }, 1000); 
    } 
} 

// Don't alert right away or Chrome will catch you 
setTimeout(function(){ 
    annoy(); 
}, 1000); 

Answer 4

Đây là những gì tôi đã kết thúc làm, vì chúng ta có một ứng dụng web mà có nhiều người dùng mà không phải là dưới sự kiểm soát của chúng tôi ... (@ DannyBeckett Tôi biết isn này' t một câu trả lời chính xác cho câu hỏi của bạn, nhưng những người đang nhìn vào câu hỏi của bạn có thể được giúp đỡ bởi điều này.) Bạn ít nhất có thể phát hiện nếu họ không nhìn thấy các hộp thoại. Có một vài điều bạn có thể muốn thay đổi nhất như thời gian hiển thị hoặc những gì bạn thực sự đang hiển thị. Hãy nhớ điều này sẽ chỉ thông báo cho người dùng rằng họ đã quản lý nhấp vào hộp kiểm nhỏ đó.

window.nativeAlert = window.alert; 
window.alert = function (message) { 
    var timeBefore = new Date(); 
    var confirmBool = nativeAlert(message); 
    var timeAfter = new Date(); 
    if ((timeAfter - timeBefore) < 350) { 
     MySpecialDialog("You have alerts turned off"); 
    } 
} 

window.nativeConfirm = window.confirm; 
window.confirm = function (message) { 
    var timeBefore = new Date(); 
    var confirmBool = nativeConfirm(message); 
    var timeAfter = new Date(); 
    if ((timeAfter - timeBefore) < 350) { 
     MySpecialDialog("You have confirms turned off"); 
    } 
    return confirmBool; 
} 

Rõ ràng là tôi đã đặt thời gian thành 3,5 mili giây. Nhưng sau một số thử nghiệm, chúng tôi chỉ có thể nhấp hoặc đóng các hộp thoại trong khoảng 5 mili giây cộng.

Answer 5

Bạn nên sử dụng jquery-confirm thay vì cố gắng xóa hộp kiểm đó.

$.confirm({ 
    title: 'Confirm!', 
    content: 'Are you sure you want to refund invoice ?', 
    confirm: function(){ 
     //do something 
    }, 
    cancel: function(){ 
     //do something 
    } 
});