5
I'm using ChromiumWebBrowser to load a website, and after page loaded, I'll execute some script
browser.ExecuteScriptAsync(script)But that website not use jquery, so difficult to code my script. I want to inject jquery into that site to write my script easier. How can I do it? Thank you very much
EDIT:
I have had a jquery file in my computer. And I would like to add it to the page where I want to crawl data. I tried using LoadingStateChanged event, but not worked.
private void Browser_LoadingStateChanged(object sender, LoadingStateChangedEventArgs e) { ChromiumWebBrowser browser = (ChromiumWebBrowser)sender; lbStatus.SetText(e.IsLoading ? "Loading..." : browser.Address); if (!e.IsLoading) { //Load jquery } else { } }
10
Set this code to script variable as string and then call browser.ExecuteScriptAsync(script)
(function () { // more or less stolen form jquery core and adapted by paul irish function getScript(url, success) { var script = document.createElement('script'); script.src = url; var head = document.getElementsByTagName('head')[0], done = false; // Attach handlers for all browsers script.onload = script.onreadystatechange = function () { if (!done && (!this.readyState || this.readyState == 'loaded' || this.readyState == 'complete')) { done = true; success(); script.onload = script.onreadystatechange = null; head.removeChild(script); } }; head.appendChild(script); } getScript('http://code.jquery.com/jquery-latest.min.js', function () { if (typeof jQuery == 'undefined') { console.log('Sorry, but jQuery wasn\'t able to load'); } else { console.log('This page is now jQuerified with v' + $.fn.jquery); $(document).ready(function () { alert(1); //here you can write your jquery code }); } }); })();
-
@amirpaia by this code we can inject any JS file, right? – Amogh Nov 19 '16 at 7:16
-
@Amogh yes you can – amirpaia Nov 21 '16 at 7:23
-
@amirpaia I am able to inject other any JS file, thanks to your snippet but I also want to inject CSS, any idea? – Amogh Nov 25 '16 at 14:46
-
@Amogh you can replace
document.createElement('script')withdocument.createElement("link")and sethrefproperty of<link>tag – amirpaia Dec 4 '16 at 7:05 -
Awesome; thanks a lot for share... but; this could be blocked by some security procedure? – MiBol Oct 26 '17 at 0:16
-
1@MiBol I don't think so because your script runs on the page like other scrips. – amirpaia Oct 28 '17 at 9:26
-
I needed to change the protocol part of the jquery url, as such:
location.protocol + '//code.jquery.com/jquery-latest.min.js'– Dan Rayson May 29 '18 at 18:36
6
i push the entire jquery js-file as inline-code and works great:
browser.ExecuteScriptAsync(File.ReadAllText(@"content\jquery.1.11.1.min.js"));reduces loading times...
-
what's not working? Is there an error message? Sometimes conflicts can occur if another jQuery version has already been loaded into the page. Otherwise I had never had any problems with this variant. – MaxKlaxx Mar 11 '19 at 13:36
0
it's very easy :)
string script_1 = "document.getElementsByTagName('head')[0].appendChild(document.createElement('script')).src = '//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js'"; browser.ExecuteScriptAsync(script_1);and for call any custom jquery function or class:
string script_2 = "$('.contact').css('color','#aabbcc');"; browser.ExecuteScriptAsync(script_2);
if (!jQuery) { /* load from CDN */ }. See here for how to do the latter – Rory McCrossan May 3 '16 at 8:33