viewport(JavaScriptをWebビューに適用)
6809 ワード
https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html
https://developer.mozilla.org/en-US/docs/Web/HTML/Viewport_meta_tag
質問する
https://developer.mozilla.org/en-US/docs/Web/HTML/Viewport_meta_tag
質問する
ホームページを置くときは小さすぎます
解決する <meta name="viewport" content="width=device-width">
Webビューのロード時に上記htmlを追加//script.js
var meta = document.createElement('meta');
meta.name = "viewport";
meta.content = "width=device-width";
document.getElementsByTagName('head')[0].appendChild(meta);
override func loadView() {
var content = ""
if let path = Bundle.main.path(forResource: "script", ofType: "js") {
do {
content = try String(contentsOfFile: path)
} catch {
print("error")
}
}
// 자바스크립트 웹뷰에서 실행시키기
let webConfiguration = WKWebViewConfiguration()
let userScript = WKUserScript(source: content, injectionTime: .atDocumentEnd, forMainFrameOnly: true)
let contentController = WKUserContentController()
contentController.addUserScript(userScript)
webConfiguration.userContentController = contentController
webView = WKWebView(frame: .zero, configuration: webConfiguration)
webView.uiDelegate = self
view = webView
}
結果
Reference
この問題について(viewport(JavaScriptをWebビューに適用)), 我々は、より多くの情報をここで見つけました
https://velog.io/@msi753/viewport
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
<meta name="viewport" content="width=device-width">
Webビューのロード時に上記htmlを追加//script.js
var meta = document.createElement('meta');
meta.name = "viewport";
meta.content = "width=device-width";
document.getElementsByTagName('head')[0].appendChild(meta);
override func loadView() {
var content = ""
if let path = Bundle.main.path(forResource: "script", ofType: "js") {
do {
content = try String(contentsOfFile: path)
} catch {
print("error")
}
}
// 자바스크립트 웹뷰에서 실행시키기
let webConfiguration = WKWebViewConfiguration()
let userScript = WKUserScript(source: content, injectionTime: .atDocumentEnd, forMainFrameOnly: true)
let contentController = WKUserContentController()
contentController.addUserScript(userScript)
webConfiguration.userContentController = contentController
webView = WKWebView(frame: .zero, configuration: webConfiguration)
webView.uiDelegate = self
view = webView
}
結果
Reference
この問題について(viewport(JavaScriptをWebビューに適用)), 我々は、より多くの情報をここで見つけました
https://velog.io/@msi753/viewport
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
Reference
この問題について(viewport(JavaScriptをWebビューに適用)), 我々は、より多くの情報をここで見つけました https://velog.io/@msi753/viewportテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol