scrapbox上でuserscriptでできること検証

ScrapJupyter

from ScrapJupyter

サクッとjs実行できるようになったのでなんかやってみよ

code:test.html

<html>

<h1>hello</h1>

</html>

code:js

const url = /api/code/miyamonz/scrapbox上でuserscriptでできること検証/test.html

const w = window.open("","window1","width=500,height=500");

fetch(url)

.then(res => res.text())

.then( html => w.document.write(html) )

動いた

scrapbox上でhtmlファイル用意して、それを別ウインドウに表示ができることが分かった

どう使えばいいんだ？

なんらかのビジュアライザを別窓で表示する？

こういうことはconnect-src self i.gyazo.comなので無理です

code:js

fetch('http://localhost:3000')

でもウインドウとしては開けるんだよな

code:js

w = window.open('http://localhost:3000', 'window1')

console.log(w.document)

code:js

w = window.open('', 'window1')

w.document.write(`

<h1>hello<button onclick="console.log('hoge')">x</button></h1>

これもだめ

https://gyazo.com/d640ce0d8af4d80230e6ba8fb44eeb7a

まあセキュリティ的に当然よな

インラインでやるのが怒られてるだけっぽい

code:a.js

console.log('hello a')

const b = document.querySelector('#b')

console.log(b)

b.addEventListener('click', () => window.close())

code:js

w = window.open('', 'window2')

w.document.write(`

<h1>hello<button id="b">x</button></h1>

これは動くな

code:map.js

const html = `

w = window.open("", "window3")

w.document.write(html)

埋め込みできる

これはgoogle mapだからできるだけ

code:map.html

code:map.js

const html =

w = window.open("", "window3")

w.document.write(html)