[Flutter] Flutter로 기본적인 컬을 만드는 방법.

Universal_>은(는) 크로스오버 플랫폼 동작의 HTML/XML Persa입니다.
내부 브라우저가 설치되어 있어 폼을 보내는 등 브라우저가 자동으로 조작할 수 있다.
https://pub.dev/packages/universal_html

설치하다.

pubspec.yaml의 의존 관계를 추가합니다.

dependencies:
    universal_html: ^1.2.1

가져오기

import 'package:universal_html/html.dart' as html;
import 'package:universal_html/driver.dart' as driver;

단일 요소 가져오기

4querySelector() 방법으로 단일 요소를 얻을 수 있다.
다음은 타이틀 탭을 가져오는 예입니다.
main.dart

onPressed: () async {
    final client = driver.HtmlDriver();
    final url = "https://example.com";
              
    // Webページを取得
    await client.setDocumentFromUri(Uri.parse(url));

    // タイトルを取得
    final title = client.document.querySelector("title").text;

    print(title);
},

여러 요소 가져오기

4querySelectorAll() 방법으로 단일 요소를 얻을 수 있다.
다음은 페이지에 있는 모든 a 태그의 텍스트 및 URL을 가져오는 예입니다.
main.dart

onPressed: () async {
    final client = driver.HtmlDriver();
    final url = "https://example.com";
              
    // Webページを取得
    await client.setDocumentFromUri(Uri.parse(url));

    // すべてのaタグを取得
    final elements = client.document.querySelectorAll("a");

    for (final elem in elements) {
        print(elem.text);
        print(elem.getAttribute("href"));
    }
},

요소 선택

querySelector() 、 querySelectorAll() CSS 선택기에서 객체의 요소를 선택합니다.

client.document.querySelectorAll(".entry > div");
client.document.querySelectorAll("img");
client.document.querySelector(".main > #greeting > span");

원소를 분석하다

// HTMLを取得
element.innerHtml;
element.outerHtml;

// テキストを取得
element.text;
element.innerText;

// nameに一致する属性を取得
element.getAttribute(name);

// nameに一致する属性が存在するかを判定
bool isExists = element.hasAttribute(name);