如何通过此代码自定义移动和桌面显示的警报框？

// 创建一个警报框对象
function AlertBox() {
  this.showAlert = function(message) {
    // 在移动设备上显示警报框
    if (isMobileDevice()) {
      showMobileAlert(message);
    } else {
      // 在桌面上显示警报框
      showDesktopAlert(message);
    }
  }

  // 在移动设备上显示警报框
  function showMobileAlert(message) {
    // 使用移动设备特定的警报框组件或库来显示警报
    // 例如，可以使用Toast组件或SweetAlert库
    // 这里只是一个示例，具体实现取决于所使用的移动开发框架或库
    showToast(message);
  }

  // 在桌面上显示警报框
  function showDesktopAlert(message) {
    // 使用桌面端特定的警报框组件或库来显示警报
    // 例如，可以使用Modal组件或Alertify库
    // 这里只是一个示例，具体实现取决于所使用的前端框架或库
    showModal(message);
  }

  // 判断是否为移动设备
  function isMobileDevice() {
    // 使用适当的方法来检测移动设备
    // 例如，可以使用User-Agent检测或媒体查询
    // 这里只是一个示例，具体实现取决于所使用的前端框架或库
    return window.innerWidth < 768;
  }

  // 在移动设备上显示Toast警报框
  function showToast(message) {
    // 使用移动设备特定的Toast组件或库来显示警报
    // 例如，可以使用Toastify库或React Native的ToastAndroid组件
    // 这里只是一个示例，具体实现取决于所使用的移动开发框架或库
    showToastify(message);
  }

  // 在桌面上显示Modal警报框
  function showModal(message) {
    // 使用桌面端特定的Modal组件或库来显示警报
    // 例如，可以使用Bootstrap的Modal组件或SweetAlert库
    // 这里只是一个示例，具体实现取决于所使用的前端框架或库
    showBootstrapModal(message);
  }

  // 使用Toastify库显示移动设备上的Toast警报框
  function showToastify(message) {
    Toastify({
      text: message,
      duration: 3000,
      gravity: "bottom", // Toast显示位置
      position: "left", // Toast显示位置
      backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)", // Toast背景颜色
    }).showToast();
  }

  // 使用Bootstrap的Modal组件显示桌面上的Modal警报框
  function showBootstrapModal(message) {
    // 使用Bootstrap的Modal组件来创建和显示Modal警报框
    // 这里只是一个示例，具体实现取决于所使用的前端框架或库
    var modal = $('<div class="modal fade" tabindex="-1" role="dialog">' +
      '<div class="modal-dialog" role="document">' +
      '<div class="modal-content">' +
      '<div class="modal-header">' +
      '<h5 class="modal-title">警报</h5>' +
      '<button type="button" class="close" data-dismiss="modal" aria-label="Close">' +
      '<span aria-hidden="true">&times;</span>' +
      '</button>' +
      '</div>' +
      '<div class="modal-body">' +
      '<p>' + message + '</p>' +
      '</div>' +
      '<div class="modal-footer">' +
      '<button type="button" class="btn btn-primary" data-dismiss="modal">关闭</button>' +
      '</div>' +
      '</div>' +
      '</div>' +
      '</div>');

    modal.modal('show');
  }
}

// 使用示例
var alertBox = new AlertBox();
alertBox.showAlert("这是一个警报框示例");