[shortcuts] 데이터 URL을 사용하여 JS 실행

HTMLscript 태그에 쓰기 처리

HTML 인코딩[URLエンコード]을 통해

data:text/html,(ここにエンコードしたHTML) 형식으로 데이터 URL

만들기

Body 태그에 출력할 값을 document.write() 등으로 기록

[Webページの内容を取得]에 전달된 입력

[テキストを取得]

실천하다
어쨌든[辞書] 성형동작을 시도해 본다JSON.stringify().
단축키 측면

사전 작업 내용

{
  "fizz": "bizz",
  "bool": false,
  "apple": {
    "hiragana": "りんご",
    "chineseChar": "林檎"
  },
  "array": [
    "hoge",
    "fuga",
    "puyo"
  ]
}

텍스트 액션의 HTML

<!DOCTYPE HTML>
<html lang="ja">
    <head>
    <meta charset="utf-8">
    <title>pretty-json</title>
    <script>
        const json = [辞書];  // [辞書]アクションに置き換える
        const pretty = JSON.stringify(json, null, "&emsp;").replace(/\n/g, "<BR>");
        document.write(pretty)
    </script>
  </head>
</html>

좀 미묘하다
HTML에서 사용하는 JSON입니다.stringify()

// これだと整形されて表示されない(HTMLはスペースや改行は反映されないため)
const bad = JSON.stringify(json, null, "\t");

// スペースや改行をHTML用に置き換える
const good = JSON.stringify(json, null, "&emsp;").replace(/\n/g, "<BR>");

Reference

이 문제에 관하여([shortcuts] 데이터 URL을 사용하여 JS 실행), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/Kynako/items/2e844791d33ce14baf65

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다