Chrome-Konsole: Snippet-Befehl kann den Dialog nicht öffnen

Question

Ich habe ein einfaches Online-Snippet, um auf eine Schaltfläche "Datei laden" auf einer sichtbaren Seite zu klicken, um ein Dialogfeld aufzurufen (z. B. um ein Bild zu laden).

this.document.getElementsByName("image")[0].click() // snippet code 

Während manuelle Paste und diese Zeile in der Konsole laufen erfolgreich ist (es öffnet sich der Dialog), das obige Snippet kann das nicht tun. Es scheint, als würde Chrome das Öffnen eines Dialogs nicht durch einen Benutzeranruf erlauben. Also stelle ich den Browser so ein, dass alle Popups erlaubt sind, aber es gibt kein Ergebnis.

Getestet auf verschiedenen Seiten, wo Datei laden Schaltfläche angezeigt wird.

Danke für irgendwelche Ideen.

A similar but different issue, solved

Answer 1

Scheint, wie Chrome Dialog durch Benutzeraufruf nicht öffnen nicht gestattet.

Ich habe ein Schnipsel erstellt, um zu testen, ob diese Aussage wahr ist. Es scheint, dass es falsch ist.

1. Klicken Sie auf die Run Snippet Taste in dieser Antwort.
2. Öffnen DevTools. Klicken Sie auf Inspect und klicken Sie auf das Bild, das 350x150 lautet.
3. Bewerten Sie document.querySelector('img').click() in der Konsole. Der Text unter dem Bild wird erhöht.
4. Führen Sie dieselbe Anweisung aus einem Snippet aus. Der Text wird immer noch erhöht.

document.querySelector('img').addEventListener('click',() => { 
 
    let p = document.querySelector('p'); 
 
    p.textContent = parseInt(p.textContent) + 1; 
 
});

<img src="https://via.placeholder.com/350x150"/> 
 
<p>0</p>

Mögliche Lösungen:

• Stellen Sie sicher, dass Sie in der richtigen Konsole Kontext sind, wenn Sie das Snippet laufen. Siehe Selecting Execution Context.
• Die Verwendung von this in Ihrer Anweisung kann Probleme verursachen. Versuchen Sie es zu entfernen.
• Versuchen Sie, Ihrem Element eine ID hinzuzufügen, und verweisen Sie dann auf seine ID, anstatt auf das Array getElementsByName. Verwenden Sie stattdessen document.getElementById('myCustomId').click(). Stellen Sie sicher, dass Sie die ID dem HTML-Element hinzufügen, z. <img id="myCustomId" .../>. Es ist möglich, dass Sie auf das falsche Element verweisen, deshalb sehen Sie das falsche Ergebnis, wenn Sie click() ausführen.

Fügen Sie Kommentare zu dieser Antwort hinzu und wir werden schließlich herausfinden, was falsch läuft.