如何针对Android、iPhone、iPad以外的设备设置默认URL？

咱们来拆解一下问题所在，然后给出清晰的修复方案：

原代码的核心问题 #

你的代码里，默认URL的设置逻辑只在设备不是iPhone/iPad/Android，且窗口宽度≤643px时才触发。这会直接漏掉两类场景：

1. 桌面设备（窗口宽度>643px）：这类设备完全不会触发默认URL设置，链接会保持页面初始的href值，不符合你“其他设备设默认URL”的需求。
2. 其他大屏移动设备（比如Windows Phone、非苹果平板等，窗口宽度>643px）：同样不会被设置默认URL，链接状态完全不可控。

另外，isMobile变量的逻辑也有冗余：非三大设备时，即使是移动设备，只要窗口宽度超过643px，isMobile依然是false，但这部分设备其实也需要被处理默认URL。

修复后的代码方案 #

我推荐把逻辑简化为先给所有设备设置默认URL，再针对性覆盖三大目标设备的URL，这样能确保所有非目标设备都能拿到默认值：

// 检测目标设备类型
const isiPhone = /iphone/i.test(navigator.userAgent.toLowerCase());
const isiPad = /ipad/i.test(navigator.userAgent.toLowerCase());
const isAndroid = /android/i.test(navigator.userAgent.toLowerCase());

// 缓存DOM元素，避免重复查询提升性能
const $getAppLink = $('.mobile-getapp--link');

function assignAppURL() {
  // 第一步：先给所有设备设置默认URL，确保兜底
  $getAppLink.attr('href', 'default-url');
  
  // 第二步：针对性覆盖目标设备的URL
  if (isiPhone) {
    $('body').addClass('iPhone');
    $getAppLink.attr('href', 'url-for-iPhone');
  } else if (isiPad) {
    $('body').addClass('iPad');
    $getAppLink.attr('href', 'url-for-iPad');
  } else if (isAndroid) {
    $('body').addClass('android');
    $getAppLink.attr('href', 'url-for-Android');
  }
}

// 执行URL分配
assignAppURL();

这个方案的优势 #

1. 逻辑更严谨：先设置默认值再覆盖目标设备，确保没有任何非目标设备被遗漏。
2. 代码更简洁：去掉了冗余的isMobile变量和拆分的函数，逻辑集中在一个函数里，后期维护更方便。
3. 性能优化：缓存了$('.mobile-getapp--link')，避免多次DOM查询浪费资源。

如果你只想给移动设备设置URL（桌面设备保留原链接） #

如果你的需求是：仅移动设备（包括三大目标设备+其他移动设备）设置URL，桌面设备不修改原链接，可以调整成这样：

const isiPhone = /iphone/i.test(navigator.userAgent.toLowerCase());
const isiPad = /ipad/i.test(navigator.userAgent.toLowerCase());
const isAndroid = /android/i.test(navigator.userAgent.toLowerCase());
// 检测其他移动设备（排除三大目标设备）
const isOtherMobile = /mobile|phone|tablet/i.test(navigator.userAgent.toLowerCase()) && !isiPhone && !isiPad && !isAndroid;

const $getAppLink = $('.mobile-getapp--link');

function assignAppURL() {
  if (isiPhone) {
    $('body').addClass('iPhone');
    $getAppLink.attr('href', 'url-for-iPhone');
  } else if (isiPad) {
    $('body').addClass('iPad');
    $getAppLink.attr('href', 'url-for-iPad');
  } else if (isAndroid) {
    $('body').addClass('android');
    $getAppLink.attr('href', 'url-for-Android');
  } else if (isOtherMobile) {
    // 其他移动设备设置默认URL
    $getAppLink.attr('href', 'default-url');
  }
  // 桌面设备不修改原链接
}

assignAppURL();

内容的提问来源于stack exchange，提问作者Reacting