Greasy Fork

로딩 오류 수정 코드 작성해보았습니다.
크롬에서 DeepDanbooru 로딩 레이어가 넘어가지 않은 상태에서 코드 동작 시
gradioApp에서 document가 null 값으로 return되기 때문에

component.innerHTML에서 nullPointException이 발생함.
-> setTimeout 함수를 사용하여 DeepDanbooru 로딩을 기다렸다가
기존 코드를 실행하는 방법으로 수정해보았습니다.

원작자님 덕분에 편안하게 태그 추출할 수 있게되었습니다 감사합니다!

// ==UserScript==
// @name KichangKim/DeepDanbooru 태그 추출
// @namespace http://tampermonkey.net/
// @version 0.1
// @description 태그 추출 버튼을 페이지에 추가해줍니다.
// @author fact-0
// @match https://hysts-deepdanbooru.hf.space/*
// @icon https://www.google.com/s2/favicons?sz=64&domain=hf.space
// @grant none
// @license MIT
// ==/UserScript==

(function() {
'use strict';
function gradioApp(){
return document.getElementsByTagName('gradio-app')[0].shadowRoot;
}
function setoit(){
const component = gradioApp().querySelector('div#component-14');

component.innerHTML += `
`;
component.innerHTML += `태그 추출`;
gradioApp().querySelector('#result-button').addEventListener('click', ()=>{
const result = [...gradioApp().querySelectorAll('div.leading-snug')].map(div=>div.textContent).join(', ');
console.log(result);
gradioApp().querySelector('textarea#result-prompt').innerHTML = result;
});
}
window.onload = ()=>{
setTimeout(() => {setoit();},1000);
}
})();