JavaScript の質問用スレッド vol.125

[過去ﾛｸﾞ] JavaScript の質問用スレッド vol.125 (1002ﾚｽ)
上下前次 1-新

このｽﾚｯﾄﾞは過去ﾛｸﾞ倉庫に格納されています｡
次ｽﾚ検索歴削→次ｽﾚ栞削→次ｽﾚ過去ﾛｸﾞﾒﾆｭｰ

181(1): (ﾜｯﾁｮｲ a905-wHkz [210.143.72.233]) 2022/11/13(日)19:38 ID:0s117XaL0(1/2) AAS
質問です、どなたか教えて下さい、どうか宜しくお願いいたします

インターネットラジオ　JCBA FMはな再生ページ
外部ﾘﾝｸ:www.jcbasimul.com

上記サイトを開くとCookie利用承諾の画面が出てきます。この利用承諾画面は

document.getElementsByClassName("cookieBanner__btn")[0].click()

とすることで自動的にOKボタンを押して閉じることができました。引き続き再生ボタンを押したいので
省4

182: (ﾜｯﾁｮｲ d501-8IZr [60.111.190.247]) 2022/11/13(日)20:25 ID:cqK0B72A0(1) AAS
ユーザー操作が起点じゃない場合は音声再生をブロックする、という制限がブラウザ側でかかってることがある
その場合はブラウザの設定で解除できるかもしれない

183(1): (ﾜｯﾁｮｲ bd61-+FOd [180.15.119.124]) 2022/11/13(日)20:33 ID:8b+kwr5c0(1) AAS
>>181
iframeの中かつshadowDOMの中なので一発で要素を取得できない
document.querySelector(".radioPlayer__iframe").contentDocument.querySelector("#player_ui").shadowRoot.querySelector("button").click();

jcba-playerカスタムエレメントはplay()メソッドが実装されてるようなので
document.querySelector(".radioPlayer__iframe").contentDocument.querySelector("#player_ui").play();
でもいける

184(1): (ﾜｯﾁｮｲ f6cf-gPc0 [153.174.224.39]) 2022/11/13(日)20:47 ID:Kw8DgDNz0(1) AAS
こうじゃないか
document.getElementById("player_ui").shadowRoot.querySelectorAll("button")[0].click()
または
document.getElementById("player_ui").play();

185: (ﾜｯﾁｮｲ a905-wHkz [210.143.72.233]) 2022/11/13(日)22:43 ID:0s117XaL0(2/2) AAS
>>183
すばらしい！有り難うございます！そのどちらの方法でも再生ボタンがクリックできました！
何を勉強したらあなたのような達人になれるのでしょうか？本当に有り難うございました！

>>184
お答えくださり有り難うございます。ただ、残念ながらその方法はどちらもＮＧでした。
"player_ui" を "#player_ui" に変えても駄目なので、すみませんが>>183を使わせてもらいます。

186: (ﾜｯﾁｮｲ 3d4b-aW8A [110.2.215.28 [上級国民]]) 2022/11/14(月)15:59 ID:dW/V591r0(1/3) AAS
if( ){ };の( )の中に「関数txtfn()が一度も実行されていなかったら」という条件を書きたいんですけど、どう書けばいいんでしょうか？
無理でしょうか？

187: 186 (ﾜｯﾁｮｲ 3d4b-OzUL [110.2.215.28 [上級国民]]) 2022/11/14(月)16:42 ID:dW/V591r0(2/3) AAS
AA省

188(1): (ﾜｯﾁｮｲ 1a7c-BvCT [43.235.241.201]) 2022/11/14(月)17:23 ID:Ofrc3j5I0(1) AAS
単にループ前にフラグをfalseにでもしておいて、一度でも実行すればtrueにすれば判断出来るのでは？

189: (ﾜｯﾁｮｲ 3d4b-OzUL [110.2.215.28 [上級国民]]) 2022/11/14(月)17:46 ID:dW/V591r0(3/3) AAS
>>188
SEL = activeDocument.selection
LAY = activeDocument.activeLayer

var yk=0;

for(s=0; s<SEL.length; s++) SELfn(SEL[s])

function SELfn(sx){
if(sx.typename != 'PathItem') return
if(sx.filled == false) return
c1 = sx.fillColor

if(c1 != "[GrayColor]"){
省13

190: (ﾜｯﾁｮｲ 2abd-masj [133.209.119.15]) 2022/11/14(月)18:12 ID:zxQDBIse0(1) AAS
すまん、敢えてここで聞かせて
Windows しか持っておらず、JavaScript の Safari での動作確認のため極力安い MacBook かなにかを買いたい。
中古でもなんでもいいんだけど、今時の Safari が動くやつって何を選べばいい？
Mac も iOS も Safari の系譜もよく分からず途方に暮れてる。
いわゆるブラウザのデベロッパーツールで動作確認したいので、多分 iPhone とかじゃだめなんだよね？
アドバイスおねがい

191(1): (ｽｯｯﾌﾟ Sd7a-4CYG [49.98.130.245]) 2022/11/14(月)18:37 ID:srKPlYrDd(1) AAS
safariのバージョンってiOSと連動だって話だったと思うから最新のiOSサポートしてる機種ならええんでないの？
Mac系のスレで理由話して最新のiOSが動く安いやつどれ？って聞くのが確実だろう

192(1): (ﾜｯﾁｮｲ a94e-Uv+W [210.138.216.243]) 2022/11/14(月)20:44 ID:pZNm0HpP0(1) AAS
動作確認のために実機買うなんて景気のいい話だなぁ羨ましい
俺ならBrowserStackとかLambdaTest使っちゃうけどね

193(1): (ﾜｯﾁｮｲ dd5f-PnSp [14.8.104.32]) 2022/11/14(月)21:12 ID:SgEq73X20(1) AAS
iPhone持ってる人に実機テストしてもらっちゃうな

194: 190 (ﾜｯﾁｮｲ f1bd-masj [122.133.73.185]) 2022/11/14(月)22:33 ID:llxM2eVb0(1) AAS
>>192
景気なんてよくねーよだからケチりたいんだろ。
でも何そのおもしろそうなキーワードは。調べてくる

>>193
これまで作ったのをたまたま iPhone で見たら動いてないのがあってね。
元々 Safari とか眼中には無かったけどそんなに特殊なことやってるとも思ってなかったんで、動かないとか思ってなかった。
あんまり気分悪いんでちょっと調べておこうかと。

>>191
やっぱ最新OS じゃないとダメかということでそこを軸に探すと、フリマで 2万台くらいらしいってことは分かった。
あと iPad の Safari でもデベロッパーツールを動かせるらしいことが分かったので、そっちの線もありそう。
省3

195(1): (ﾜｯﾁｮｲ 3697-FFna [121.94.16.107]) 2022/11/14(月)23:54 ID:h4ns2H1B0(1) AAS
イベントオブジェクトを使わず、thisを使って、
そのイベントの発生元の要素を取得することは可能でしょうか？

196: (ﾜｯﾁｮｲ d501-KuSQ [60.111.111.83]) 2022/11/15(火)06:06 ID:zBqzsCj00(1) AAS
>>195
無理

197(2): (ﾜｯﾁｮｲ a905-wHkz [210.143.72.233]) 2022/11/15(火)08:04 ID:mRl02hRT0(1/2) AAS
すみません、先日JavaScriptによるクリックについて質問した者です
情けないのですが、今度は別サイトの再生ボタンがどうしても押せず困っています

インターネットラジオFM++　FMはなび再生ページ
外部ﾘﾝｸ:fmplapla.com

ソース見るとiframeもshadowDOMも使っていないように見えるのに、再生ボタンを押せません

document.getElementsByClassName("player_start_button")[0].click()
document.getElementsByClassName("start_stop_button_button")[0].click()

上記２つとも駄目でした。どうすればJavaScriptで再生ボタンをクリックできるでしょうか？
どなたかもう一度だけ教えてください、宜しくお願いいたします

198: (ﾜｯﾁｮｲ bd4f-FFna [180.0.191.133]) 2022/11/15(火)09:45 ID:ott+UO1u0(1) AAS
該当する要素がない

start_btns = document.getElementsByClassName("player_start_button")
console.log( start_btns.length ) //=> 0

start_stop_btns = document.getElementsByClassName("start_stop_button_button")
console.log( start_stop_btns.length ) //=> 0

199(1): (ﾜｯﾁｮｲ f6cf-gPc0 [153.174.224.39]) 2022/11/15(火)11:01 ID:9SlnRoJw0(1/2) AAS
>>197
ブラウザの DevTools でイベントリスナーの click を見ると見つかる

200: (ﾜｯﾁｮｲ f6cf-gPc0 [153.174.224.39]) 2022/11/15(火)11:16 ID:9SlnRoJw0(2/2) AAS
>>199
chromeだと当該要素の「検証」をすると出てくる

上下前次 1-新書関写板覧索設栞歴

あと 802 ﾚｽあります
ｽﾚ情報赤ﾚｽ抽出画像ﾚｽ抽出歴の未読ｽﾚ AAｻﾑﾈｲﾙ

ぬこの手ぬこTOP 0.015s