Last active
November 15, 2025 02:48
-
-
Save theoknock/2db057ccda11434b8ac376e427b8ed3a to your computer and use it in GitHub Desktop.
Lists all DOM elements from page loaded with WebKit.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import SwiftUI | |
| import WebKit | |
| import Combine | |
| import Observation | |
| @Observable class MyWebViewModel { | |
| var webPage = WebPage() | |
| func load(url: URL) async { | |
| webPage.load(URLRequest(url: url)) | |
| } | |
| func restrictToVertical(webPage: WebPage) async { | |
| // Wait until the page has finished loading | |
| while webPage.isLoading { | |
| try? await Task.sleep(nanoseconds: 100_000_000) // 0.1 s | |
| } | |
| let js = """ | |
| const style = document.createElement('style'); | |
| style.textContent = ` | |
| html, body { | |
| overflow-x: hidden !important; | |
| overscroll-behavior-x: none; | |
| } | |
| * { | |
| max-width: 100vw !important; | |
| box-sizing: border-box; | |
| } | |
| `; | |
| document.head.appendChild(style); | |
| """ | |
| do { | |
| _ = try await webPage.callJavaScript(js) | |
| } catch { | |
| print("Failed to inject vertical-only CSS:", error) | |
| } | |
| } | |
| func list(webPage: WebPage) async { | |
| // Wait until the page has finished loading | |
| while webPage.isLoading { | |
| try? await Task.sleep(nanoseconds: 100_000_000) // 0.1 seconds | |
| } | |
| // After the page has finished loading, list DOM elements | |
| let js = """ | |
| const all = document.getElementsByTagName('*'); | |
| const elements = []; | |
| for (let i = 0; i < all.length; i++) { | |
| const el = all[i]; | |
| const tagName = el.tagName; | |
| const id = el.id || ''; | |
| const className = el.className || ''; | |
| const text = (el.textContent || '').trim().slice(0, 80); | |
| elements.push(tagName + "|" + id + "|" + className + "|" + text); | |
| } | |
| return elements; | |
| """ | |
| do { | |
| if let elements = try await webPage.callJavaScript(js) as? [String] { | |
| print("\n================ DOM ELEMENTS ================") | |
| print("Total elements: \(elements.count)") | |
| for (index, line) in elements.enumerated() { | |
| let parts = line.components(separatedBy: "|") | |
| let tagName = parts.count > 0 ? parts[0] : "" | |
| let elementId = parts.count > 1 ? parts[1] : "" | |
| let className = parts.count > 2 ? parts[2] : "" | |
| let textPreview = parts.count > 3 ? parts[3] : "" | |
| print("\n[\(index)] <\(tagName)>") | |
| if !elementId.isEmpty { | |
| print(" id: \(elementId)") | |
| } | |
| if !className.isEmpty { | |
| print(" class: \(className)") | |
| } | |
| if !textPreview.trimmingCharacters(in: .whitespacesAndNewlines).isEmpty { | |
| print(" text: \"\(textPreview)\"") | |
| } | |
| } | |
| print("\n============== END DOM ELEMENTS ==============\n") | |
| } else { | |
| let result = try await webPage.callJavaScript(js) | |
| print("DOM script returned unexpected result:", result as Any) | |
| } | |
| } catch { | |
| print("JavaScript error:", error.localizedDescription) | |
| } | |
| } | |
| } | |
| struct ContentView: View { | |
| @State private var viewModel = MyWebViewModel() | |
| var body: some View { | |
| NavigationView { | |
| WebView(viewModel.webPage) | |
| .clipShape(RoundedRectangle(cornerRadius: 20)) | |
| .padding() | |
| .task { | |
| await viewModel.load(url: URL(string: "https://chatgpt.com")!) | |
| await viewModel.restrictToVertical(webPage: viewModel.webPage) | |
| await viewModel.list(webPage: viewModel.webPage) | |
| } | |
| } | |
| .ignoresSafeArea() | |
| } | |
| } | |
| #Preview { | |
| ContentView() | |
| .preferredColorScheme(.dark) | |
| } | |
| // struct WebView: UIViewRepresentable { | |
| // let url: URL | |
| // | |
| // func makeCoordinator() -> Coordinator { | |
| // Coordinator(self) | |
| // } | |
| // | |
| // func makeUIView(context: Context) -> WKWebView { | |
| // // Configure WKWebView with navigation delegate | |
| // let configuration = WKWebViewConfiguration() | |
| // configuration.websiteDataStore = .default() | |
| // | |
| // // Enable JavaScript | |
| // configuration.preferences.javaScriptEnabled = true | |
| // | |
| // // Create WebView | |
| // let webView = WKWebView(frame: .zero, configuration: configuration) | |
| // webView.navigationDelegate = context.coordinator | |
| // | |
| // // Load the URL | |
| // let request = URLRequest(url: url) | |
| // webView.load(request) | |
| // | |
| // return webView | |
| // } | |
| // | |
| // func updateUIView(_ webView: WKWebView, context: Context) { | |
| // // No updates needed for this simple implementation | |
| // } | |
| // | |
| // class Coordinator: NSObject, WKNavigationDelegate { | |
| // var parent: WebView | |
| // | |
| // init(_ parent: WebView) { | |
| // self.parent = parent | |
| // } | |
| // | |
| // // Called when the page finishes loading | |
| // func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) { | |
| // print("✅ Page finished loading: \(webView.url?.absoluteString ?? "unknown")") | |
| // | |
| // // JavaScript to get all DOM elements | |
| // let jsScript = """ | |
| // (function() { | |
| // // Get all elements on the page | |
| // const allElements = document.getElementsByTagName('*'); | |
| // const elementInfo = []; | |
| // | |
| // // Collect information about each element | |
| // for (let i = 0; i < allElements.length; i++) { | |
| // const elem = allElements[i]; | |
| // const info = { | |
| // tagName: elem.tagName, | |
| // id: elem.id || 'none', | |
| // className: elem.className || 'none', | |
| // textContent: elem.textContent ? elem.textContent.substring(0, 50) : 'none', | |
| // elementIndex: i | |
| // }; | |
| // elementInfo.push(info); | |
| // } | |
| // | |
| // return { | |
| // totalElements: allElements.length, | |
| // elements: elementInfo | |
| // }; | |
| // })(); | |
| // """ | |
| // | |
| // // Execute the JavaScript | |
| // webView.evaluateJavaScript(jsScript) { (result, error) in | |
| // if let error = error { | |
| // print("❌ JavaScript Error: \(error.localizedDescription)") | |
| // return | |
| // } | |
| // | |
| // if let resultDict = result as? [String: Any], | |
| // let totalElements = resultDict["totalElements"] as? Int, | |
| // let elements = resultDict["elements"] as? [[String: Any]] { | |
| // | |
| // print("\n" + String(repeating: "=", count: 80)) | |
| // print("📊 DOM ELEMENTS ANALYSIS") | |
| // print(String(repeating: "=", count: 80)) | |
| // print("Total DOM Elements Found: \(totalElements)") | |
| // print(String(repeating: "-", count: 80)) | |
| // | |
| // // Print each element's information | |
| // for (index, element) in elements.enumerated() { | |
| // let tagName = element["tagName"] as? String ?? "unknown" | |
| // let elementId = element["id"] as? String ?? "none" | |
| // let className = element["className"] as? String ?? "none" | |
| // let textPreview = element["textContent"] as? String ?? "none" | |
| // | |
| // print("\n🏷️ Element #\(index + 1):") | |
| // print(" Tag: <\(tagName)>") | |
| // | |
| // if elementId != "none" { | |
| // print(" ID: #\(elementId)") | |
| // } | |
| // | |
| // if className != "none" && !className.isEmpty { | |
| // print(" Classes: .\(className.replacingOccurrences(of: " ", with: ", ."))") | |
| // } | |
| // | |
| // if textPreview != "none" && !textPreview.trimmingCharacters(in: .whitespacesAndNewlines).isEmpty { | |
| // let trimmedText = textPreview | |
| // .trimmingCharacters(in: .whitespacesAndNewlines) | |
| // .replacingOccurrences(of: "\n", with: " ") | |
| // if trimmedText.count > 0 { | |
| // print(" Text: \"\(trimmedText)...\"") | |
| // } | |
| // } | |
| // } | |
| // | |
| // print("\n" + String(repeating: "=", count: 80)) | |
| // print("✅ DOM Analysis Complete!") | |
| // print(String(repeating: "=", count: 80) + "\n") | |
| // | |
| // // Also print a summary of tag types | |
| // self.printTagSummary(elements: elements) | |
| // } | |
| // } | |
| // } | |
| // | |
| // // Print a summary of tag types found | |
| // func printTagSummary(elements: [[String: Any]]) { | |
| // var tagCounts: [String: Int] = [:] | |
| // | |
| // for element in elements { | |
| // if let tagName = element["tagName"] as? String { | |
| // tagCounts[tagName] = (tagCounts[tagName] ?? 0) + 1 | |
| // } | |
| // } | |
| // | |
| // print("\n📈 TAG SUMMARY:") | |
| // print(String(repeating: "-", count: 40)) | |
| // | |
| // // Sort by count (descending) and print | |
| // let sortedTags = tagCounts.sorted { $0.value > $1.value } | |
| // for (tag, count) in sortedTags.prefix(20) { // Show top 20 most common tags | |
| // print(" \(tag): \(count) elements") | |
| // } | |
| // | |
| // if sortedTags.count > 20 { | |
| // print(" ... and \(sortedTags.count - 20) more tag types") | |
| // } | |
| // | |
| // print(String(repeating: "-", count: 40) + "\n") | |
| // } | |
| // | |
| // // Handle navigation errors | |
| // func webView(_ webView: WKWebView, didFail navigation: WKNavigation!, withError error: Error) { | |
| // print("❌ Navigation failed: \(error.localizedDescription)") | |
| // } | |
| // | |
| // // Handle provisional navigation failures | |
| // func webView(_ webView: WKWebView, didFailProvisionalNavigation navigation: WKNavigation!, withError error: Error) { | |
| // print("❌ Provisional navigation failed: \(error.localizedDescription)") | |
| // } | |
| // | |
| // // Log when navigation starts | |
| // func webView(_ webView: WKWebView, didStartProvisionalNavigation navigation: WKNavigation!) { | |
| // print("🔄 Starting to load: \(webView.url?.absoluteString ?? "unknown")") | |
| // } | |
| // } | |
| // } |
Author
Author
Author
ScreenRecording_11-14-2025.21-47-36_1.mp4
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Sample runtime console output