web-dev-qa-db-ja.com

WebBrowserコントロールにJavascriptを挿入する方法は?

私はこれを試しました:

string newScript = textBox1.Text;
HtmlElement head = browserCtrl.Document.GetElementsByTagName("head")[0];
HtmlElement scriptEl = browserCtrl.Document.CreateElement("script");
lblStatus.Text = scriptEl.GetType().ToString();
scriptEl.SetAttribute("type", "text/javascript");
head.AppendChild(scriptEl);
scriptEl.InnerHtml = "function sayHello() { alert('hello') }";

scriptEl.InnerHtmlとscriptEl.InnerTextの両方でエラーが発生します。

System.NotSupportedException: Property is not supported on this type of HtmlElement.
   at System.Windows.Forms.HtmlElement.set_InnerHtml(String value)
   at SForceApp.Form1.button1_Click(Object sender, EventArgs e) in d:\jsight\installs\SForceApp\SForceApp\Form1.cs:line 31
   at System.Windows.Forms.Control.OnClick(EventArgs e)
   at System.Windows.Forms.Button.OnClick(EventArgs e)
   at System.Windows.Forms.Button.OnMouseUp(MouseEventArgs mevent)
   at System.Windows.Forms.Control.WmMouseUp(Message& m, MouseButtons button, Int32 clicks)
   at System.Windows.Forms.Control.WndProc(Message& m)
   at System.Windows.Forms.ButtonBase.WndProc(Message& m)
   at System.Windows.Forms.Button.WndProc(Message& m)
   at System.Windows.Forms.Control.ControlNativeWindow.OnMessage(Message& m)
   at System.Windows.Forms.Control.ControlNativeWindow.WndProc(Message& m)
   at System.Windows.Forms.NativeWindow.Callback(IntPtr hWnd, Int32 msg, IntPtr wparam, IntPtr lparam)

スクリプトをDOMに挿入する簡単な方法はありますか?

79
jsight

何らかの理由で、Richardのソリューションは私の側では機能しませんでした(insertAdjacentTextは例外で失敗しました)。しかし、これはうまくいくようです:

HtmlElement head = webBrowser1.Document.GetElementsByTagName("head")[0];
HtmlElement scriptEl = webBrowser1.Document.CreateElement("script");
IHTMLScriptElement element = (IHTMLScriptElement)scriptEl.DomElement;
element.text = "function sayHello() { alert('hello') }";
head.AppendChild(scriptEl);
webBrowser1.Document.InvokeScript("sayHello");

この回答IHTMLScriptElementインターフェイスをプロジェクトに取り込む方法を説明しています。

98
Atanas Korchev
HtmlDocument doc = browser.Document;
HtmlElement head = doc.GetElementsByTagName("head")[0];
HtmlElement s = doc.CreateElement("script");
s.SetAttribute("text","function sayHello() { alert('hello'); }");
head.AppendChild(s);
browser.Document.InvokeScript("sayHello");

(.NET 4/Windows Formsアプリでテスト済み)

編集:関数セットの大文字と小文字の問題を修正しました。

46
typpo

これに取り組んだ後に見つけた最も簡単な方法は次のとおりです。

_string javascript = "alert('Hello');";
// or any combination of your JavaScript commands
// (including function calls, variables... etc)

// WebBrowser webBrowser1 is what you are using for your web browser
webBrowser1.Document.InvokeScript("eval", new object[] { javascript });
_

グローバルなJavaScript関数eval(str)が行うことは、strに記述されているものをすべて解析して実行することです。 w3schools ref here を確認してください。

29
Ilya Rosikhin

また、.NET 4では、dynamicキーワードを使用すると、さらに簡単になります。

dynamic document = this.browser.Document;
dynamic head = document.GetElementsByTagName("head")[0];
dynamic scriptEl = document.CreateElement("script");
scriptEl.text = ...;
head.AppendChild(scriptEl);
21
justin.m.chase

本当に必要なのがjavascriptの実行だけである場合、これは最も簡単です(VB .Net):

MyWebBrowser.Navigate("javascript:function foo(){alert('hello');}foo();")

これは「インジェクト」しないと思いますが、それが目的であれば、関数を実行します。 (問題を複雑にしすぎた場合に備えて。)そして、javascriptを注入する方法を理解できる場合は、それを関数「foo」の本体に入れて、javascriptに注入を行わせます。

17
Eyal

HTMLドキュメントのマネージラッパーは、必要な機能を完全には実装していません。そのため、MSHTML APIを使用して目的を達成する必要があります。

1)MSHTMLへの参照を追加します。これは、[〜#〜] com [〜#〜]参照の下に「Microsoft HTML Object Library」と呼ばれます。 。

2)「mshtmlを使用」を追加します。あなたの名前空間に。

3)スクリプト要素のIHTMLElementへの参照を取得します。

IHTMLElement iScriptEl = (IHTMLElement)scriptEl.DomElement;

4)最初のパラメーター値「afterBegin」を指定して、insertAdjacentTextメソッドを呼び出します。すべての可能な値がリストされています here

iScriptEl.insertAdjacentText("afterBegin", "function sayHello() { alert('hello') }");

5)これで、scriptEl.InnerTextプロパティのコードを見ることができます。

リチャード

10
ZeroBugBounce

承認された回答 のフォローアップとして、これは IHTMLScriptElement interface の最小限の定義であり、追加のタイプライブラリを含める必要はありません。

[ComImport, ComVisible(true), Guid(@"3050f28b-98b5-11cf-bb82-00aa00bdce0b")]
[InterfaceTypeAttribute(ComInterfaceType.InterfaceIsIDispatch)]
[TypeLibType(TypeLibTypeFlags.FDispatchable)]
public interface IHTMLScriptElement
{
    [DispId(1006)]
    string text { set; [return: MarshalAs(UnmanagedType.BStr)] get; }
}

したがって、WebBrowserコントロールの派生クラス内の完全なコードは次のようになります。

protected override void OnDocumentCompleted(
    WebBrowserDocumentCompletedEventArgs e)
{
    base.OnDocumentCompleted(e);

    // Disable text selection.
    var doc = Document;
    if (doc != null)
    {
        var heads = doc.GetElementsByTagName(@"head");
        if (heads.Count > 0)
        {
            var scriptEl = doc.CreateElement(@"script");
            if (scriptEl != null)
            {
                var element = (IHTMLScriptElement)scriptEl.DomElement;
                element.text =
                    @"function disableSelection()
                    { 
                        document.body.onselectstart=function(){ return false; }; 
                        document.body.ondragstart=function() { return false; };
                    }";
                heads[0].AppendChild(scriptEl);
                doc.InvokeScript(@"disableSelection");
            }
        }
    }
}
8
Uwe Keim

これはmshtmlを使用したソリューションです

IHTMLDocument2 doc = new HTMLDocumentClass();
doc.write(new object[] { File.ReadAllText(filePath) });
doc.close();

IHTMLElement head = (IHTMLElement)((IHTMLElementCollection)doc.all.tags("head")).item(null, 0);
IHTMLScriptElement scriptObject = (IHTMLScriptElement)doc.createElement("script");
scriptObject.type = @"text/javascript";
scriptObject.text = @"function btn1_OnClick(str){
    alert('you clicked' + str);
}";
((HTMLHeadElementClass)head).appendChild((IHTMLDOMNode)scriptObject);
7
Camilo Sanchez

C#からWebBrowser Control HTMLドキュメントにJavascriptを挿入する最も簡単な方法は、引数として挿入するコードを使用して「execStrip」メソッドを呼び出すことです。

この例では、javascriptコードがグローバルスコープで挿入および実行されます。

var jsCode="alert('hello world from injected code');";
WebBrowser.Document.InvokeScript("execScript", new Object[] { jsCode, "JavaScript" });

実行を遅らせたい場合は、関数を注入してから呼び出します:

var jsCode="function greet(msg){alert(msg);};";
WebBrowser.Document.InvokeScript("execScript", new Object[] { jsCode, "JavaScript" });
...............
WebBrowser.Document.InvokeScript("greet",new object[] {"hello world"});

これは、WindowsフォームおよびWPF WebBrowserコントロールに有効です。

「execScript」はIEおよびChromeでのみ定義されているため、このソリューションはクロスブラウザではありません。しかし、Microsoft WebBrowserコントロールに関する質問であり、IEサポートされています。

JavaScriptコードを挿入するための有効なクロスブラウザーメソッドについては、新しいキーワードを使用してFunctionオブジェクトを作成します。この例では、挿入されたコードで匿名関数を作成して実行します(javascriptはクロージャーを実装し、関数はローカル変数の汚染なしにグローバルスペースにアクセスできます)。

var jsCode="alert('hello world');";
(new Function(code))();

もちろん、実行を遅らせることができます:

var jsCode="alert('hello world');";
var inserted=new Function(code);
.................
inserted();

それが役に立てば幸い

7
Santiago

私はこれを使用しました:D

HtmlElement script = this.WebNavegador.Document.CreateElement("SCRIPT");
script.SetAttribute("TEXT", "function GetNameFromBrowser() {" + 
"return 'My name is David';" + 
"}");

this.WebNavegador.Document.Body.AppendChild(script);

その後、次のコマンドを実行して結果を取得できます。

string myNameIs = (string)this.WebNavegador.Document.InvokeScript("GetNameFromBrowser");

助けになりたい

WebBrowserコントロールに読み込まれたページ内から変数の値を取得しようとしている場合のVB.Netの例を次に示します。

手順1)プロジェクトのCOM参照をMicrosoft HTML Object Libraryに追加します

ステップ2)次に、このVB.NetコードをForm1に追加してmshtmlライブラリをインポートします。
mshtmlをインポート

ステップ3)「Public Class Form1」行の上にこのVB.Netコードを追加します。
<System.Runtime.InteropServices.ComVisibleAttribute(True)>

ステップ4)WebBrowserコントロールをプロジェクトに追加します

手順5)このVB.NetコードをForm1_Load関数に追加します。
WebBrowser1.ObjectForScripting = Me

ステップ6)WebページのJavascriptに関数「CallbackGetVar」を挿入するこのVB.Netサブを追加します。

Public Sub InjectCallbackGetVar(ByRef wb As WebBrowser)
    Dim head As HtmlElement
    Dim script As HtmlElement
    Dim domElement As IHTMLScriptElement

    head = wb.Document.GetElementsByTagName("head")(0)
    script = wb.Document.CreateElement("script")
    domElement = script.DomElement
    domElement.type = "text/javascript"
    domElement.text = "function CallbackGetVar(myVar) { window.external.Callback_GetVar(eval(myVar)); }"
    head.AppendChild(script)
End Sub

ステップ7)次のVB.Netサブを追加します。これは、呼び出されたときにJavascriptが検索します。

Public Sub Callback_GetVar(ByVal vVar As String)
    Debug.Print(vVar)
End Sub

ステップ8)最後に、Javascriptコールバックを呼び出すには、ボタンが押されたとき、または好きな場所にこのVB.Netコードを追加します。

Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click
    WebBrowser1.Document.InvokeScript("CallbackGetVar", New Object() {"NameOfVarToRetrieve"})
End Sub

ステップ9)これが機能することに驚いた場合、ステップ6で使用したJavascriptの「eval」関数を読んでください。文字列を受け取り、その名前の変数が存在するかどうかを判断し、存在する場合はその変数の値を返します。

2
sh0ber

常に「DocumentStream」または「DocumentText」プロパティを使用できます。 HTMLドキュメントでの作業には、 HTML Agility Pack をお勧めします。

1
TcKs

私はこれを使用します:

webBrowser.Document.InvokeScript("execScript", new object[] { "alert(123)", "JavaScript" })
0
Z.R.T.

ファイル全体を挿入する必要がある場合は、これを使用できます。

With Browser.Document
   Dim Head As HtmlElement = .GetElementsByTagName("head")(0)
   Dim Script As HtmlElement = .CreateElement("script")
   Dim Streamer As New StreamReader(<Here goes path to file as String>)
   Using Streamer
       Script.SetAttribute("text", Streamer.ReadToEnd())
   End Using
   Head.AppendChild(Script)
   .InvokeScript(<Here goes a method name as String and without parentheses>)
End With

インポートすることを忘れないでくださいSystem.IOを使用してStreamReaderを使用します。これがお役に立てば幸いです。

0
pablo

あなたがしたいことはPage.RegisterStartupScript(key、script)を使用することです:

詳細については、こちらを参照してください: http://msdn.Microsoft.com/en-us/library/aa478975.aspx

基本的に行うことは、javascript文字列を作成し、そのメソッドに渡し、一意のidを与えることです(ページで2回登録する場合)。

編集:これはあなたが幸せと呼ぶものです。お気軽にどうぞ。 :)

0
mattlant