如何在Capacitor iOS应用中禁用URL拖拽功能？

你可以通过Xcode修改Capacitor的WebView全局配置来实现，无需逐个修改前端链接，具体步骤如下：

Xcode全局配置方案 #

1. 打开Capacitor生成的iOS项目，找到AppDelegate.swift（若使用多场景配置则找SceneDelegate.swift）
2. 在应用初始化方法中，配置Capacitor的WebView参数，将allowsLinkPreview设为false，禁用链接的长按预览弹窗：

针对AppDelegate的示例代码 #

import UIKit
import Capacitor

@UIApplicationMain
class AppDelegate: UIResponder, UIApplicationDelegate {

    var window: UIWindow?

    func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
        let capacitorConfig = CapacitorBridgeConfiguration()
        // 全局禁用链接长按预览弹窗
        capacitorConfig.webViewConfiguration.allowsLinkPreview = false
        
        Bridge.shared.initialize(with: window, configuration: capacitorConfig)
        
        return true
    }

    // 保留其他默认方法
}

针对SceneDelegate的示例代码 #

import UIKit
import Capacitor

class SceneDelegate: UIResponder, UIWindowSceneDelegate {

    var window: UIWindow?

    func scene(_ scene: UIScene, willConnectTo session: UISceneSession, options connectionOptions: UIScene.ConnectionOptions) {
        guard let windowScene = (scene as? UIWindowScene) else { return }
        
        let window = UIWindow(windowScene: windowScene)
        self.window = window
        
        let capacitorConfig = CapacitorBridgeConfiguration()
        capacitorConfig.webViewConfiguration.allowsLinkPreview = false
        
        Bridge.shared.initialize(with: window, configuration: capacitorConfig)
        
        window.makeKeyAndVisible()
    }

    // 保留其他默认方法
}

这个配置会全局关闭WKWebView内所有链接的长按预览弹窗，自然也不会再暴露capacitor://开头的内部链接。

备选：Web端全局处理（若Xcode配置不生效） #

如果上述Xcode配置未能解决问题，还可以通过前端代码全局拦截链接的长按事件：

document.addEventListener('DOMContentLoaded', () => {
  document.querySelectorAll('a').forEach(link => {
    // 阻止右键/长按菜单
    link.addEventListener('contextmenu', e => e.preventDefault());
    // 禁用文本选择，减少触发长按弹窗的可能
    link.style.userSelect = 'none';
  });
});

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