[英]NativeScript: Way to disable zoom controls for iOS WebView?
我正在尝试找出一种方法来防止用户通过捏合手势和双击来在iOS WebView(tns-ios 3.4.1)上进行放大和缩小,本质上是禁用所有缩放功能,例如在苹果进入苹果之前使用的html meta标签让用户决定是否要使用iOS 10及更高版本进行缩放。 我在这里找到了适用于android的解决方案,对于iOS,它似乎并不那么琐碎。
我对这个平台还很陌生,目前可以做到吗? 我发现NS最近从UIWebView切换到WKWebView,我们可以通过NativeScript(* with angular)来使用allowMagnification属性吗?
我能够从NS 3.3-4.1
获取您的#webview参考,然后为ios和android设置这些属性以修复视图缩放。
let webView: WebView = this.webView.nativeElement;
webView.on(WebView.loadStartedEvent, function (args: LoadEventData) {
if (webView.android) {
webView.android.getSettings().setBuiltInZoomControls(false);
webView.android.getSettings().setDisplayZoomControls(false);
} else {
webView.ios.scrollView.minimumZoomScale = 1.0;
webView.ios.scrollView.maximumZoomScale = 1.0;
webView.ios.scalesPageToFit = false;
webView.ios.scrollView.bounces = false;
}
});
不,您将无法使用allowsMagnification
。 您将扩展到自己的WebView组件版本,以更新元配置以停止缩放。
更新:
为了禁用缩放,必须修改从{N}核心模块(v5.x)注入的默认视口,这是完成的操作。
import { WebView } from 'tns-core-modules/ui/web-view';
declare var WKUserScript, WKUserScriptInjectionTime, WKUserContentController, WKWebViewConfiguration, WKWebView, CGRectZero;
(<any>WebView.prototype).createNativeView = function () {
const jScript = `var meta = document.createElement('meta');
meta.setAttribute('name', 'viewport');
meta.setAttribute('content', 'initial-scale=1.0 maximum-scale=1.0');
document.getElementsByTagName('head')[0].appendChild(meta);`;
const wkUScript = WKUserScript.alloc().initWithSourceInjectionTimeForMainFrameOnly(jScript, WKUserScriptInjectionTime.AtDocumentEnd, true);
const wkUController = WKUserContentController.new();
wkUController.addUserScript(wkUScript);
const configuration = WKWebViewConfiguration.new();
configuration.userContentController = wkUController;
configuration.preferences.setValueForKey(
true,
"allowFileAccessFromFileURLs"
);
return new WKWebView({
frame: CGRectZero,
configuration: configuration
});
};
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.