UPDATE: New version available for .NET / WPF 4.0 here!
The source code for my WPF Chromium WebBrowser control is now available on CodePlex.
The source includes:
Cjc.ThreeDeemium – The sample application, currently without any 3D features. Go figure.
Cjc.ChromiumBrowser – The WPF Chromium WebBrowser control. Depends on Cjc.AwesomiumWrapper and the two Awesomium / Chromium C++ DLLs (Awesomium.dll and icudt38.dll).
Cjc.AwesomiumWrapper – A Managed C++ / CLI wrapper around Awesomium. This is much easier to maintain than the old P/Invoke stuff, and is almost nice to look at 🙂
Awesomium – C++ headers and libraries for Awesomium / Chromium.
There’s also a bonus project 🙂 :
Cjc.WebSnapshot – A small command-line utility using Cjc.AwesomiumWrapper to snapshot a URL (you need to specify a full URL including the scheme – https://chriscavanagh.wordpress.com etc).
Chris Cavanagh's Blog 
[…] ← WPF Cursor from HCURSOR WPF Chromium WebBrowser source code! […]
Wow… it worked! Cash! Into my back account! Immediately!
@will LMAO!
You know I had a funny incident. I was driving to Madison from Chicago and there was a nasty traffic snarl that turned the highway into a parking lot. My comment to my wife “It’s probably just people staring at an accident. I swear there better be a car just engulfed in flames up ahead.”
Sure enough we get a few miles down and there it was. Not just smoke coming out…this thing was litterally engulfed in flames. That was the first time I felt that traffic congestion was justified.
[…] Cursor from HCURSOR and A Real WPF WebBrowser and WPF Chromium WebBrowser source code! (Chris […]
[…] Plus d’info sur le site de Chris Cavanagh ou sur le codeplex de WPF Chromium […]
Great ! I we could have the same for the native one…
I noticed some bugs because they are frequently crash when navigating. Can’t remember when, but it’s problematic if you want to use it in a production environement…
FremyCompany – Any crashes are more likely caused by my demo app than the wrappers or Awesomium/Chromium. If you could send me examples of what causes it to crash I’ll take a closer look.
Keep checking back though; I’ve been publishing a few fixes that might help.
OK, If I have time to re-test it, I’ll send you the debug informations when I encounter an error.
Thanks for your support,
Fremy
FremyCompany – I’ve published a number of bugfixes that might help. Note it won’t work well with Java applets or XBAPs (yet… although I’ve not looked closely at it so far)
I was looking for a layout friendly WPF webbrowser. Yo the man !
Hi!, I have implement your library in XNA!!!!
bye squid!
squid – Cool! Do you have a binary I can try? (or a sweet ClickOnce deployment? 😀 )
squid – It might be my eyes, but the webpage looks a little blurry in the screenshot (compared to the rest). Make sure your backbuffer pixelformat is bgr32 or equivalent (think that’s what Awesomium defaults to). Hope this helps! 🙂
hi
i want to know how can we use C++ class libraries with P/invoke?
and i have a problem with the wrapper
i added a reference to the wrapper and put those 2 C++ DLLs in my project folder (i don’t know how can i reference them) and when i try to use the library it says filenotfound exception???
what was wrong in what i did?
Ashkan – There are two native C++ DLLs (Awesomium.dll and icudt38.dll). It seems you can actually omit the icudt38.dll if you don’t need keyboard input or Javascript support (don’t know if that’s deliberate though).
The Cjc.AwesomiumWrapper.dll assembly is a Managed C++ wrapper around Awesomium.dll. You can use it directly in a .NET project with no need for P/Invoke (FYI internally it uses C++/CLI which is more intuitive and easier to work with than P/Invoke).
If you include the two native DLLs, make sure you set them as “Content” (so they’ll get published etc with your project) and set “Copy to output directory (always / if newer; either is fine). I’m guessing the problem is they’re not present in your Debug / Release folder (when running through Visual Studio). There’s no reference as such to the native DLLs; they’re just expected to be in the same folder.
Hope this helps!
Hi!, Yes you see blurry because I left the bloom effect in the game. I’m making a custom component with your wrapper library. When I’ve tested I’ll send you the source code. The screenshot is only a test!
bye squid
Hi Chris
Is there a way to get the source code? is Awesomium commericalized?
kal – Right now you need to hunt around for the source code (try here: http://forum.quest3d.com/index.php?topic=67161.45). All existing Awesomium code is open source, but it looks likely later versions won’t be. There’s a v1.5 “coming soon”, but I’m not sure what the licensing terms will be.
In any case, it’ll probably be worth creating a new project on CodePlex (or wherever) with the most recent LGPL source. Most of the hard work has aready been done by Adam (http://princeofcode.com/blog/) so aside from a few tweaks along the way, just periodically rebuild the native DLLs with the latest Chromium source…
If the latest binaries were always readily available for download, it could make a lot of developers very happy (including me; I’ve served my time with C++ already 🙂 ).
Hi Chis!
This is stunning. How did you come up with an idea like this?
The binary run fine, but the window1.xaml in the CJC.ThreeDeemium project reports “The spesified module could not be found. Exception from HRESULT 0x8007007E” and the Address property in the control of that template is marked with an error
So it won’t compile. Strange..
Rune – If you’re running a debug build, it’s probably looking for Awesomium_d.dll. That’s about 50MB so I didn’t upload it to CodePlex 🙂 You could either run in Release, or try these steps to get the debug DLL:
1) Download 3rd.zip.001 – 003 here: http://forum.quest3d.com/index.php?topic=67161.45
2) Merge them into one zip:
copy /b 3rd.zip.001 + 3rd.zip.002 + 3rd.zip.003 3rd.zip
Another option is to get all the Awesomium and Chromium source and build from that… See my earlier comment for some details on it.
You were right 🙂 The debug dll is the solution.
The xaml viewer inside Visual Studio still goes crazy about this error so the view can’t be redrawn, but it compiles, runs and lookes pretty cool generally.
Could live with that..
There might be somewhere you can drop the DLL where VS will see (and use) it, although ideally my ChromiumBrowser control should probably be smarter about how it renders at design time… I’ll update here when it’s fixed 🙂
Thanks for the quick reply Chris! I was just dumping the debug dll into my system folder which VS holds a path reference to and the xaml viewer redraw perfectly!
Even the Address shows up inside the viewer. Cooler than ever.
Great post!
One thing I’m attempting to do is use your control to capture a complete image of a webpage. Would you have any ideas on how I would go about that?
Chuck – This is pretty much what you’d need:
using CAW = CjcAwesomiumWrapper;
…
public static Rect? RenderSnapshot( string url, byte[] buffer, int width, int height )
{
using ( var webCore = new CAW.WebCore() )
{
using ( var webView = webCore.CreateWebView( width, height ) )
{
webView.SetTransparent( true );
var finished = new ManualResetEvent( false );
var listener = new CAW.WebViewListener();
listener.FinishLoading += delegate { finished.Set(); };
webView.SetListener( listener );
if ( url.StartsWith( “file:” ) ) webView.LoadFile( url );
else webView.LoadURL( url );
var timeout = DateTime.Now.AddSeconds( 30 );
while ( !finished.WaitOne( 100 ) )
{
webCore.Update();
if ( DateTime.Now > timeout ) return null;
}
var r = webView.Render( buffer, width * 4, 4 );
return new Rect( r.X, r.Y, r.Width, r.Height );
}
}
}
Chuck – The CodePlex/SVN source now includes a “WebSnapshot” sample project. It’s a simple command-line utility to save a page snapshot to a file (currently always saves in .PNG format, with transparency… could probably used a few more options to be useful).
THANKS CHRIS!
I appreciate the super fast response and the sample project!
=)
Hi Chris,
I try to add some javascript to my web page, but it seems that javascript doesn’t work with your webbrowser
oops, my javascript miss
onload=”alert(toto)”
Hmm 1 Minor problem Chris if you don’t mind taking a quick look at it. I ran the program and it gives me blank png’s of the websites I plug in. I took a look at the code and can’t really find where or what the problem may be. If you get a chance could you give it a look please?
Thanks!
Chuck
steve – Glad it’s working 🙂 There’s also the ability to call js methods from outside the control; it’s limited but might be useful.
Chuck – Are you able to step through with the debugger? Make sure the URL you’re using includes the full scheme etc (http://www.google.com); it won’t automatically add those. Also, you might want to change the project to use a BGR32 image and remove the webView.SetTransparent( true ); (I’ll probably remove those anyway; I doubt many users would want transparent backgrounds)
Hi Chris,
This is great – I’ve extended the control now so you can pass a html string to it instead of a url.
The only thing is I need to be able to get the full size of the html page – any chance you could help me? I’m trying to execute some javascript to return the size using webView.ExecuteJavacriptWith Result but I’m not having much luck!
Thanks,
Wayne
Wayne – Could you send me a test project showing what you’re wanting to achieve? (wayne @ chriscavanagh.com)
Can’t get anything to work…looks as though any reference to the Awesomium dlls have been “changed” in codeplex so you can’t use them?…or am I doing something stupid?
looks like it’s me being stoopid…(now there’s a suprise 🙂
Still getting blank browsers in Threemium and youCube3 projects…but they build, and I can step through the code.
Might be my firewall…
p.s. ignore my last post… I was having a “blonde” moment.
John – Is the browser window all white, or black? If black, it suggests a problem calling the Awesomium methods. It’ll only be white if Awesomium successfully rendered something.
Do the ClickOnce demos work for you, or same problem? Also, are you on an x86 or x64 OS?
Hi Chris…it was authentication issues (white pges, not black). When I changed the url to a page on the company intranet I got a page rendered. I’ve searched on it and it looks as though it’s Chromes inability to authenticate based on your windows login info.
Thanks for getting back to me so quickly
Chris, John,
I have the same issue (white pages), probably also because of the authentication.
Is there any way to submit user credentials in this control? (Google chrome asks for user credentials via a popup window, but WPF Chromium Browser does not).
Pieter – Currently there isn’t a way to submit credentials. I’m kicking around the idea of a managed port of Awesomium (Chromium itself would need to remain native C++ obviously) which could allow us to control pretty much everything… The case for it is certainly building 🙂
I’m trying to use the ExecuteJavascriptWithResult function which returns a FutureJSValue but I dont know how to use that with the wrapper. Is that implemented or do i need to tweak it?
Wrapper Issue – It might need some tweaking. I exposed the methods but haven’t tested them yet. If you let me know what you change I’ll update the source (or could add you as a contributor on CodePlex if you prefer).
I have been playing with it, but getting an exception from my code. Here is the definition:
JSValue^ Get() {
Awesomium::JSValue val = this->value->get();
return %CjcAwesomiumWrapper::JSValue(val);
}
(I wrote it this way because I was trying to overcome an exception being thrown)
When this-value->get() is called and assigned to a new object, an exception is thrown:
Attempted to read or write protected memory. This is often an indication that other memory is corrupt
I was reading up on this exception, and some say it has something to do with the build configuration (i.e., all the files need to be built for x86 for instance). I’ve been experimenting to get past this exception but no dice thus far. I’m wondering if Awesomium_d.dll needs to be built correctly as well or if I just have to worry about the wrapper and whatever the wrapper is using.
Your input would be much appreciated.
I’m wondering if it’s possible to listen for a javascript callback with your chromium browser. If so, how? -Thanks!
Matthew – It should be, but I’ve not tested it 😉 Fyi there are a bunch of updates to JS interoperability coming in Awesomium v1.5…
Matthew – Take a look at Cjc.AwesomiumWrapper; the JS/callback methods are implemented there but I’ve not exposed them on the WebBrowser control yet. It looks like you call SetCallback and give it the name of a method to “register”, then attach to the Callback event of the WebViewListener (where I’ve mistakenly called the first param ‘url’ instead of name). I can kick this round a bit and post an update if it helps…
Hi
Very nice work!
But.. I’m getting a “Could not create an instance of type ‘WebBrowser'” in the designer.. It compiles and runs fine though.. Any suggestions?
Fredrik – It’s probably because VS can’t see the native DLLs. Also, it might be trying to use the debug version of Awesomium (Awesomium_d.dll); I excluded that from the source as it’s about 50mb (vs 8mb for the release). If you drop the DLLs somewhere VS will look, it should work ok in the designer. Ideally the WebBrowser control should handle design mode better, but would probably need a tweak to load the Awesomium dll dynamically… Hope this helps!
I have successfully integrated the browser control in my application, and in general it works without flaws and obeys my WPF transforms etc. – great 🙂 BUT I do have a huge problem, though – trying to instantiate the Cjc.ChromiumBrowser object on an x64 OS makes the application crash (tried both XP x64 and Vista x64). The hosting application is not x64 itself, but it has always run nicely on x64, as any windows application should be able to do. Now it starts up fine and work ok, until you bring up the window containing the Cjc.ChromiumBrowser component. Then it crashes immediately:
Cannot create instance of ‘WebBrowser’ defined in assembly ‘Cjc.ChromiumBrowser, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null’. Exception has been thrown by the target of an invocation.
The inner exception is that the module or one of it dependencies cannot be found. Everything is fine when OS is not x64.
Have someone experienced (or even solved) this?
Thanks,
Jesper.
Just for the record – the problem turned out to be related to the hosting application being built for “Any CPU” (VS project settings) and the browser components and wrapper being built for x86. This difference caused a runtime crash on x64 OS. Changing the hosting application build settings to x86 fixed the problem.
Best regards,
Jesper.
Jesper – Thanks! I’d hoped it was something like that 🙂 The joys of native code…
Chris – Great Stuff! Thanks for enabling all of us to get even more creative with WPF!
Any idea as to why PDF documents won’t open. For example, the following address does not work:
Click to access fw4.pdf
ralph – It looks like it “tries” to open; it shows Adobe Reader’s dark gray background. It might be the same problem that affects some Silverlight apps which need to use the browser’s HTTP stack (Silverlight 3 has its own networking stack, but you have to “opt in” afaik).
This might be something that’s resolved with the next version of Awesomium; unfortunately the latest available Awesomium source doesn’t play nicely with the latest Chromium source 😦 (so can’t just go and rebuild it). We’ll need to see if/how there remains an open-source version of Awesomium beyond v1.5…
I grabbed the latest from CodePlex, Set #29203, and even after removing the missing files from the projects, and making sure the Awesomium DLL’s are in the Cjc.ThreeDeemium bin, I get an error trying to run the demo project. Am I missing something simple here? Is there not a SLN that works out of the box?
“Cannot create instance of ‘WebBrowser’ defined in assembly ‘Cjc.ChromiumBrowser, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null’. Exception has been thrown by the target of an invocation. Error at object ‘grid’ in markup file ‘Cjc.ThreeDeemium;component/window1.xaml’ Line 22 Position 4.”
Brett – Is this a runtime error, or is it thrown by VS’s designer? If VS, you’ll need to make sure you have Awesomium_d.dll somewhere VS can find it (it’s a native DLL). The solution should build fine otherwise, but let me know if that’s not the case 🙂
The error is a runtime error. I don’t have the Awesomium_d.dll as it was one of the missing file in the project, which I removed. I don’t seem to see the Awesomium_d.dll anywhere else in the ZIP, except in the Awesomium/lib, but it’s just a lib, not dll. Where do I get the Awesomium_d.dll?
wpfchromium-29203.zip
Out of the box, the projects are missing files. FYI.
– Cjc.WebSnapshot –> missing
Awesomium.dll
Awesomium_d.dll
icudt38.dll.
– Cjc.ThreeDeemium –> missing
Awesomium_d.dll
Brett – Do a quick search through the comments above for Awesomium_d.dll. Basically it’s a huge file so it wasn’t practical for me to put on CodePlex, but currently you’ll need it if you’re running a debug build. There’s a forum link posted in the earlier comments which should help.
Note the Awesomium DLLs (Awesomium, Awesomium_d and icudt38) aren’t built by me. The latest Awesomium source I’ve got doesn’t build against the latest Chromium source, so unless someone’s able to throw some time at this (either fix Awesomium, or get the relevant older Chromium version to build against), we’re stuck with these binaries until Adam (http://princeofcode.com/about.php) clarifies which direction he’s going with licensing future versions.
For Cjc.WebSnapshot, just copy Awesomium.dll/icudt38.dll into its folder.
Hope this helps!
Brett – Also note you don’t need to build WebSnapshot; it’s just an example of using Awesomium from the command line 🙂
Got it, I’ll dig through the posts. Thanks!
One final questions, which I think the answer is yes from the screen shots I’ve seen…but does the ChromiumBrowser work with AllowsTransparency in the main window? I know the WPF WebBrowser control doesn’t because of the layered windows issue (not sure if MFST if going to have a workaround for that or not). All I’m trying to do is host web content within my custom chromed main window. 🙂 Something so easy that used to work pre-SP1.
OK, got it working. Thanks! And looks like it supports layed window transparency. So how does it do that and the WPF browser cannot? 🙂
Brett – Not sure on inbuilt WebBrowser; maybe it doesn’t support windowless mode? (wild guess, probably wrong).
Fyi ChromiumBrowser/AwesomiumWrapper tweaks the rendered html slightly to make the page background color transparent.
Hey Chris, I’m back to the JS callback. I can’t seem to figure this out. If you could post an update like you mentioned way back in September or possible give me an example I’d really appreciate it. -Thanks!
Regarding the above post i’ve tried this…
In the WebBrowser.cs class in the InitWebView method I’ve added
webViewListener.Callback += delegate(string url, JSArguments args)
{
if (CallbackFired != null)
{
Dispatcher.BeginInvoke(
(Action)delegate { CallbackFired(this, new CallbackEventArgs(url, args)); },
DispatcherPriority.Normal);
}
};
And then in the test app I do…
InitializeComponent();
browser.Source = Settings.Default.DefaultUrl;
browser.CallbackFired += new EventHandler(browser_CallbackFired);
void browser_CallbackFired(object sender, Cjc.ChromiumBrowser.WebBrowser.CallbackEventArgs e)
{
MessageBox.Show(e.Url);
}
But no where do I call .SetCallback(); I don’t see this method exposed at all. Any ideas? (Sorry if the code paste is bad)
Nevermind, I got it! 🙂
Chris, So i have the callback firing but now it seems impossible to get the arguments passed to JSArguments. I tried doing something like std::string value = args[0].toString(); in the wrappers OnCallback method but no go. Any ideas? (Sorry for so many posts!)
Matthew – You’ve uncovered my shameful lack of testing 🙂 I’ve fixed the (many) bugs with callback (and implemented missing methods like ExecuteJavascript) and updated the source on CodePlex. Here’s an example of how you might use a callback:
browser.Initialized += delegate { browser.SetCallback( “myCallback” ); };
browser.Callback += delegate( object sender, Cjc.ChromiumBrowser.WebBrowser.CallbackEventArgs args )
{
var test = args.Arguments.Select( a => a.ToString() ).ToArray();
….
};
Then in your javascript, you can invoke your callback method on the “Client” object like this:
Client.myCallback( “arg1”, “arg2”, 42 );
Hope this helps!
@Lehel / @Wrapper Issue – Hopefully the ExecuteJavascript & Callback problems you had are now fixed
Chris, you are the man!! Thanks so much! 🙂
Matthew – Just published another fix; ExecuteJavascriptWithResult should now work (and return a result as expected)
Chris,
I would like to use the Google Earth Plugin in your WPF browser. Unfortunately the plugin does not recognise Chromium, only Chrome.
I propose to rebuild awesomium and chromium and hope to change the version info passed to the plugin.
Even if I do this are there other problems I am not considering as the plugin uses Qt for it’s UI.
Eoin – I’m not sure if it’d work or not. Awesomium works great with Silverlight and Flash (mostly), but trips up with other plugins… Adam recently released “NaviDemo 2” based on the latest Awesomium version (1.5). You could try some sites in that in see if plugin support has improved.
Hope this helps!
Chris – So the new version you gave me works great. I’ve been using the debug version up until now. I needed to go to release, so i switched to release mode and now when i run in release mode I get an error in AwesomiumWrapper.h at line array^ argArray = gcnew array( args.size() ); in method OnCallback with the error “Arithmetic operation resulted in an overflow.” however if i switch back to debug this error does not occur. Any ideas?
I’ve also got this problem – did anyone ever find a solution? I’m tearing my hair out!
Tom & Matthew – There’s a comment by BenCause further down the page that says it might be an Awesomium issue (related to the ongoing VS2008 vs 2010 problems)… Does that help?
Here’s the link he posted: http://princeofcode.com/forums/viewtopic.php?f=9&t=30&start=0&hilit=oncallback
When Awesomium 1.6 eventually releases, I’ll include this my my “hit list” before publishing.
Matther – Check all your project settings are same/similar for Debug & Release builds (including things like targeting x86)… Let me know if that helps 🙂
Chris, I have checked the settings and everything is good. I’ve even downloaded the latest version and did not modify the project at all and release build still gives the same overflow error. Any chance you might be willing to take a look at my solution? Thanks!
Hi Matt – Go ahead and mail me some code ([something descriptive] at chriscavanagh.com).
Chris – Just wanted to make sure you got my email with code attachments? Thanks!
Hi,
many thanks to you Chris for creating this gorgeous WPF control. You enabled me to put a WebBrowser inside a Popup with AllowTransparency set to true.
Do you have any hints on how to downscale the displayed page? That way, that no scrollbars are needed any more. Or that the page width fits to the browsers width, to have only vertical scrollbars.
Putting a Viewbox with Stretch set to Uniform didn’t work.
What I want to achieve is a preview of the page. So it might also be more feasible to make a png snapshot of the whole page and to display it in place. Is the snapshot function already capable of an entire height snapshot?
Hi,
First thank you for your contribution, it is really impressive.
I am really new to C# so sorry if my question seems stupid:
actually the webbrowser class inherit from System.Windows.ContentControl. However the original webbrowser (as well as the one that embedded gecko) inherit System.Windows.Forms.Control.
I took a look at the code, but I must confess that I am a bit lost at how to make a webbrowser using the AwesomiumWrapper into a new WebBrowser class that inherit from System.Windows.Forms.Control
Maybe someone have some advice.
Thank you and Best Regards,
Nicolas
nicolas – Short of creating a WinForms-specific WebBrowser replacement, you could try hosting this WPF WebBrowser directly using ElementHost. See here: http://www.codegod.de/webappcodegod/embedding-wpf-usercontrol-in-winforms-AID422.aspx
I’m not sure how nicely it’ll behave hosted in WinForms, but it’s probably worth a try to find out 🙂 Hope this helps!
Thank you really much.
Trying it right away!
Thanks and Regards,
Nicolas
Hi Chris,
Just a short post to tell you that it worked fine.
Endeed ElementHost was the solution (and a pretty nice trick).
Thank you and best regards,
Nicolas
Hi,
does anybody know, how I can prevent the Webbrowser control from displaying ScrollBars when it’s to small to display the whole HTML?
Bogomir – Currently the only way [I’m aware of] is to make the control much larger and put it in your own ScrollViewer (or if you use AwesomiumWrapper directly you’ll have a bit more control). The problem there is knowing how big a bitmap to use (plus the bigger it is, the slower rendering will be etc). Ideally Awesomium/Chromium would report its current virtual page size and allow disabling of its scroll bars, but currently it doesn’t.
Hello,
firstly I want to thank you for this awesome control, I have it hosted in an element host in a windows form. My question is, has anyone had a problem with the control using too much cpu? In slower machines it takes up to 30% maybe more.
Thank you and best regards.
Is there a chance to modify your code to run it as a replacement for the WebBrowser control and use it exclusively in Windows Forms 2.0?
If you tell me “yes” and it is possible in a reasonable time span, I will take a deeper look and try to move it back to .NET 2.0.
Hi,
is it possible to remove the vertical scroll bar from the browser control?
We plan to put 2 Textboxes and the web browser control in a vertical StackPanel. This StackPanel has an own ScrollViewer, so the user should scroll down all content using the ScrollViewers scrollbar – the scrollbar within the browser control should be removed (the control should render the full content – the user will bring it into the view when scrolling down).
Is this possible?
Bye,
Tobias
Uwe – If .NET 3.5 is installed on the target machine, the simplest option would be to host this [WPF] WebBrowser control inside Windows Forms. Alternatively you could create a native WinForms control that uses the AwesomiumWrapper component (this is what the WebBrowser uses internally). If .NET 3.5 isn’t available at all, you might need to change/rewrite Awesomium wrapper to use regular p/invoke instead of C++/CLI.
Fyi I’m kicking round the idea of a managed version of Awesomium with a minimal amount of C++ in it (just a thin C++/CLI wrapper around Chromium itself).
L – Are you seeing this behavior with the ClickOnce demo, or just when hosting the control yourself? If you’re hosting it, make sure AllowAsyncRendering=false. While that setting has its uses, it’s currently less efficient than synchromous rendering.
Does the high CPU usage occur on all sites? Also, it would be helpful if you could try the same thing with “NaviDemo 2” (a native XNA app based directly on Awesomium – http://princeofcode.com/blog/?p=374). and let me know if it performs better or not.
Tobias – Currently the only way to achieve this is tell Awesomium to render to a bitmap that’s larger than the view size. Obviously this is only practical if you can determine a maximum page size to allocate, which is often difficult. Ideally Awesomium could tell us its current virtual page size, but currently it doesn’t 😦
Maybe Awesomium 1.5 will have some support for this scenario. Alternatively if we go ahead with a managed version of Awesomium, this is something that could be taken into consideration from the start.
Thank you for your reply, I am not seeing the same performance issues with the click once demo. I am thinking that I see this in my app because I used the control to display flash..I will test more and post if I have anything new.
I tried NaviDemo 2 and had almost the same amount of cpu load, but its a 3d app its bound to use more resources so I can’t really come to any conclusion. Also the AllowAsyncRendering property..I can’t find it,I am hosting in a regular windows form maybe that’s why.
Thank you, L.
Hey Chris,
Great work! Thanks for getting us a real wpf browser.
Any plans to port this to 4.0 any time soon? I tried to compile in 4.0 beta 2, but it doesn’t work (and I haven’t had time to debug yet to see what exactly is going on).
Eric – Until it’s updated, check out the workaround mentioned in Sacha Barber’s post: http://sachabarber.net/?p=597
Hope this helps!
Hi Chris – Did you manage to get to the bottom of the overflow when passing parameters? It seems to be the args.size() call that’s actually throwing the error.
Steve – I had a similar problem previously with a mismatched Awesomium version (dll didn’t exactly match the headers). Do you have a project you could send me that shows the problem?
Thanks for the quick reply! I do indeed, it’s just copying to my DropBox at http://dl.dropbox.com/u/21341/ChromiumTesting.rar – I’ve tried using the Awesomium DLL contained in your source bundle on CodePlex but still get the same error.
Other than this issue it works a treat 🙂
Steve – What’s the error I’m looking for? (and steps to reproduce)… (I’ve got the app running as a release build and the sliders etc work ok).
Lol, sorry, I suppose that would be useful 🙂 If you grab http://dl.dropbox.com/u/21341/jstest.html and put it in c:\temp (or change the code to look elsewhere), once the app has loaded click “script test” (which registers a callback) then click the 2nd “Go” button in the web control. This fires a callback with 3 parameters and crashes the app.
By the looks of things the parameters array contains nothing when it’s getting to your wrapper, so you’re probably right about the version mismatch, but I can’t seem to get it going with any version of the DLL that I have.
Thanks again for the help.
Hi Chris,
I’ve just taken the latest code from CodePlex, altered the ThreeDium code slightly to add a callback event hook and add a button to register the callback, then loaded the test file above into it and pressed the button and I get exactly the same crash. This is using the Awesomium binary and your library from CodePlex.
Any light you could shed would be much appreciated – I’m getting nowhere myself 😦
Thanks,
Hi Steve – Thanks for trying that; I’ll take a look asap & update here 🙂
Plz send me source
murthy – All the source is available on CodePlex :
YouCube 3 – http://youcube3.codeplex.com/
WPF Chromium control – http://wpfchromium.codeplex.com/
You can browse it all from there or download it as a zip. Hope this helps!
Hello Chris, any thoughts on why it’s not rendereing .pdf ? it will be huge to me to have pdf displayed inside wpf as it it was a xaml control..
can u help me with that?
thanks
Rui
Rui – Do PDFs show in the regular Chrome browser for you? Make sure that works first. If still no luck, it’s likely to be an issue with “windowed” add-ins (similarly Xbaps and Java applets appear to have problems). There isn’t much we can do about this right now, but maybe the upcoming Awesomium version (1.5) will fare better…
Sorry it’s not better news!
[…] I needed to find a way to give you guys more magnets very quickly. Thanks to the AMAZING work of Chris Cavanagh and the “Prince of code” on the Awesomium (Google Chrome) library and .net wrapper, I managed […]
[…] I needed to find a way to give you guys more magnets very quickly. Thanks to the AMAZING work of Chris Cavanagh and the “Prince of code” on the Awesomium (Google Chrome) library and .net wrapper, I managed […]
Hi Chris, sorry to bother you again. I just upgraded to beta 2 of visual studio and it seems it breaks the Webbrowser, generating a “The type initializer for ‘Cjc.ChromiumBrowser.WebBrowser’ threw an exception.” error,
Any chance you got a version working for beta 2? I’m kinda relying on the Chromium webbrowser for my project so I’m screwed otherwise
Mattias – See the end of Sacha Barber’s related post (http://sachabarber.net/?p=597) – it mentions a tweak needed in your app.config. Let me know if it helps or not 🙂
FyiI’ve deliberately not moved the code to 2010 yet; I’m waiting for one of these things to happen:
1) Awesomium 1.5 is released (“soon”)
2) VS2010 release candidate
3) I replace Awesomium with a fully managed wrapper
I’m liking option 3 more and more, but it’s a hefty time commitment… Still pondering 🙂
Ahh, that worked, thanks!
Awesomium is a really great alternative right now, but one has to ask if Microsoft won’t release a webbrowser that supports wpf with ie9.
Unfortunately IE is a bit too slow compared to other browsers right now but the new DirectWrite stuff coming in ie9 might make it a viable candidate, might be a ways off though
Mattias – Great news that it worked 🙂
Hello Chris, yes the pdf’s work in the normal chrome, as you said i think is thw awesomium dll… it’s a petty 😦
it will much better to put this control isntead of the normal wpf webbrowser, if u have some news about this please hit me back an email.
Thanks
Rui
Hi Chris,
I am building an application that has some RSS reader functionalities. Once the user sees the RSS in my application, I am trying to get the links in chromium to open the user default browser (target=_blank)…
It seems that this is blocked by Awesomium… any work around you can propose (except waiting for 1.5 :-)!)
Thanks a bunch!
benjoTLV – If you’re using the browser demo I posted (Clickonce thing, non-3D), there’s a ‘debug’ checkbox you can click. It should show all events that are raised by Awesomium (which WebBrowser just echoes). See if clicking the links makes anything appear in the debug log and let me know…
I tried and no… clicking on flash banners are not giving any event in the debug screen…
What do you think?
BenjoTLV – Interesting… What version of Flash is it built for? Prior to v8 (I think) the only way to navigate was with getURL( … ). Later stuff might be using ExternalInterface to call into some Javascript… Would be interesting to know if this applies to all Flash (and SilverlighT?) content or not…
I don’t know for which version of Flash it is but I tested it in couple of websites including http://www.cnn.com
You can see in debug in your browser that the ads get loaded (beginNavigation, beginLoading) but clicks on ads raise no events at all
In addition, I don’t want to kill your Christmas challenge but if you are interested I found a working dll (not crashing on release with oncallback…) here: http://speps.fr/awesomiumdotnet
I will try to solve the flash bug using some Javascipt and the callback and will report later… if you find a better solution I’ll be glad to get it 🙂
benjoTLV – Is that a later version of Awesomium he has there? That could be very useful; I’ll take a look 🙂
I don’t think the bug applies to all Flash, it seems to me (but I am not sure) that it is related also to the fact that the flash is in another iFrame. At least when it is not, I can get the flash object in my oncallback so I can trick the click event…
I tried to go to silverlight.net and play with the silverlight showcase applications through your browser: clicks there have an unpredictable behavior! sometimes they work, sometimes they are misplaced, sometimes they don’t do anything!
The awesomium.dll I gave you the link to is the princeofcode one, version 1.08, unchanged. But if you would like the source codes + some improvements done by others, I found this nice link http://github.com/pathorn/awesomium. IT is the latest 1.08 version in open source with some other contributions – I did not test it but maybe it can help you
Good luck!
Hi,
I did some more testing on the Flash issue above and I think I know what the problem is even though I have no idea how to solve it!
The problem seems to be that the browser is not getting the calls triggered by the Flash – like navigate to URLs (ClickTAGs). As a consequence, events/actions that are staying in Flash are working (click on play or pause in youtube for example) but events in Flash that are supposed to call back the browser are not working.
Anyone else experienced the same? does anyone has a solution or at least a direction to solve this?
Thanks
Hi Chris,
Still no success with my flash problem… do you have any progress on that? Do you experience the same problem?
Also, since Awesomium 1.5 does not seem to arrive just yet , I made some research and found this interesting alternative: http://www.ogre3d.org/forums/viewtopic.php?f=11&t=54484&start=0
I thought it might be of interest for this blog readers!
benjoTLV – I’ve not found anything new about it yet… So to summarize, it looks like Flash is unable to call into Javascript when inside Awesomium/WebBrowser? If you go to Hulu (http://www.hulu.com) and click one of the Flash links on the home page, does navigation work then? (I’m assuming it’s just using Flash’s getURL rather than ExternalInterface).
Actually navigation within the flash object but not from flash to the browser…
For example in Hulu, clicking on the main flash banner in the home page works like it does on a youtube videa or any other flash object but no info/event is sent back to the browser.
The best way to understand the problem I think is to try to click on a flash ad or by right-click on a youtube video and try select “watch on youtube” then you will see that nothing happen.
In addition, when you use the regular Chrome browser, if your cursor is on top of a flash object, it will be turned into an hand (which I guess means that the flash tells the browser that an action is possible). In awesomium, the cursor stays an arrow which I assume means that Awesomium is not getting the info from the flash…
I experience this even with your click-once app as well as the NaviDemo 1.0 and 2.0 so I guess it is related to awesomium.
Any idea?
OK!! Now I do understand the test you asked me to perform… Sorry!
Yes! Clicking in the flash in hulu does navigate outside of the flash object!!! in the regular browser, it opens a new tab and in awesomium, it opens it in the calling frame (as it is supposed to work)
So your assumption seems to be right. It does getURL but not externalInterface.
Any solution in mind?
Hi Chris,
great control, amazing work – exactly what I’ve been looking for! 🙂
Two questions / problems though:
1) This one seems related to the issues others already raised regarding scrollbars – I just hope there’s a good solution to it: When ChromiumBrowser is first rendered within its containing control, the content is displayed at 100% size, with scrollbars showing, since the container is too small to display the entire page (and this is fine). However, when the user resizes the container, I would expect a larger / smaller portion of the content to be displayed, changing or hiding the scrollbars, instead of maintaining the same portion, and scaling the content. Any idea how to achieve this?
2) My current task is to add multi-touch functionality to the browser (panning, zooming and clicking, using contact events, for use on a multi-touch desk similar to MS Surface). Without having looked at your source code in too much detail yet, what would you recommend as the best way to go about this? Is a multi-touch layer on top of ChromiumBrowser sufficient, or would I rather derive from it, or, worst case, have to branch and modify the code itself (IOW, build directly on the AwesomiumWrapper component)?
Thanks so much in advance for your feedback!
guido – Thanks for the questions!…
1) What container do you have the WebBrowser inside? As long as you have HorizontalAlignment=”Stretch” (and VerticalAlignment=”Stretch” – both the defaults I think), it should resize to fit the container, showing more/less content as needed (ie, it won’t scale). Does the ClickOnce demo I posted (non-3D) behave the way you expect, or did I misunderstand?
2) Do you already have some multi-touch stuff going on in WPF generally, or are you only wanting to touch-enable the WebBrowser? Are you using the Surface SDK?
Thanks for your replies, Chris! 🙂
1) Oops, my bad… Yeah, indeed: I did overlook that your ThreeDeemium sample does actually behave as expected – the problem is with my container, which (indirectly, through a Border and a Grid) is an XViewerControl (from the xdesk SDK, comparable to a ScatterViewItem in Surface SDK). Upon resizing, this control will simply apply a ScaleTransform to itself and it’s content, which of course explains the behavior I observed. I need to figure out myself now how to get around this, like applying an inverse transform to the Browser control – something along those lines.
2) Yes, I’m already doing a lot of multi-touch stuff in WPF, using not Surface SDK, but impressx’s xdesk SDK (http://www.impressx.com/index.php?option=com_content&view=article&id=46&Itemid=58&lang=en). Quite some of our projects also require a touch-sensitive, resizable and rotatable WPF web browser control, and this is where WPFChromium finally and thankfully comes in so handy! As for the multi-touch support, we basically have the following requirements:
a) Simple touch events (ContactDown / ContactUp) in the content area should be interpreted as mouse clicks, like clicking buttons / links etc. I have figured this out, but had to modify WebBrowser.cs, and use Awesomium’s InjectMouseDown() etc.
b) ContactChanged (analog to mouse dragging) events should be used for panning / scrolling of the content. No idea yet how to go about this, since Cjc.AwesomiumWrapper doesn’t seem to offer any methods for scrolling the content. Any ideas?
c) Relative diplacement of 2+ contacts (“pinch” / “unpinch”) would scale the content. I am hoping to get this done by again applying a ScaleTransform to the browser.
I’m thankful for any ideas and suggestions.
Thanks again,
Guido
Hi,
I have the same problem as Matthew and Steve Robbins regarding the oncallback with arguments throwing a very big error (arithmetic something…) and I found that it is an awesomium problem. see this http://princeofcode.com/forums/viewtopic.php?f=9&t=30&start=0&hilit=oncallback
The solution is to rebuild and compile chromium and awesomium in MSVC9 (using only this) and then both the release and debug version should behave the same (and work!)
Unfortunately I failed doing that (building Chromium is a very difficult task I don’t seem to cope with).
Does anyone already did it and can post/send me the dlls??
Thanks!
BenCause – I’m hoping to get Chromium building pretty soon (set myself a mini Christmas challenge ;] ). I’ll let you know if I succeed 🙂
Did you ever have any luck with building this/finding the dlls? I’m trying to stick with the LGPL version of awesomium but can’t really unless I can get the callback function working.
Cheers!
Hi Chris,
Sorry for all these comments during the holidays period, I guess you don’t have a lot of time to read them! Happy new year BTW
I noticed that flash banners (ads) are not clickable in your browser (as well as in NaviDemo 2.0 from PrinceofCode). Do you know if there is anything to do about it?
benjoTLV – See my earlier comment… maybe the “debug” log checkbox will reveal something. If the events are getting thrown, we probably just need to open a new window (?) and navigate to it. If not, I (we?) can probably dig into Awesomium a bit and see what’s up…
Happy new year to you too! 🙂
I don’t think the bug applies to all Flash, it seems to me (but I am not sure) that it is related also to the fact that the flash is in another iFrame. At least when it is not, I can get the flash object in my oncallback so I can trick the click event…
I tried to go to silverlight.net and play with the silverlight showcase applications through your browser: clicks there have an unpredictable behavior! sometimes they work, sometimes they are misplaced, sometimes they don’t do anything!
The awesomium.dll I gave you the link to is the princeofcode one, version 1.08, unchanged. But if you would like the source codes + some improvements done by others, I found this nice link http://github.com/pathorn/awesomium. IT is the latest 1.08 version in open source with some other contributions – I did not test it but maybe it can help you
Good luck!
Also (sorry to post so many stuff!!), a lot of people on the blog asked if the scrollbars can be replaced by WPF scrollview. As you said it is not directly accessible but there is a workaround:
If you navigate to the page you want to show in invisible mode, then get the lenght of the page with Javascript, you can then pass the lenght of the content to WPF with ExecuteJavaScriptwithResults… This should allow you to put scrollview on the container with the proper proportions…
I am trying that today, and will report how it works!
That would be awesome 🙂 Might be pretty easy for the WebBrowser to inject the Javascript itself with a couple of tweaks….
Hi,
I tried to do things with Callback and ExecuteJavascript (and with result) but nothing is called, anyone got a working sample ? it would be so appreciated 🙂
Note : I tried with code from Chris Cavanagh // October 9, 2009 at 12:28 am
Thx
Also, I got :
A first chance exception of type ‘System.AccessViolationException’ occurred in Cjc.AwesomiumWrapper.dll
in Cjc.AwesomiumWrapper.h
” String^ GetContentAsText( int maxChars )
{
std::wstring result;
webView->getContentAsText( result, maxChars );
return marshalString( result );
}
”
Source code is :
MessageBox.Show(_browser.GetContentAsText(100));
Nothing really special but it doesn’t work (I am with full trust and WPF).
Any idea ?
Hi,
SnapsToDevicePixels doesn’t seems to work, what can I do to get a less blury rendering ?
Thx 🙂
Hi,
How can I do to access DOM ? maybe i did a mistake but i don’t find where is it.
Thx
machito – I’ll take a look at the issues you mentioned. Awesomium/Chromium always renders with anti-aliasing, and the WebBrowser control only has that output to work with.
Which OS are you running and which DPI is your display set to? If you’re on Windows 7 you might be at 120 DPI (instead of the 96 XP or Vista would default to). I’ll shortly be posting a small fix to the WebBrowser to better handle different DPI settings. Currently if you’re at 120 DPI the browser content will be stretched (because it’s hard-coded to render at 96 DPI internally) and will look blurry.
Exact ! I am on Windows 7.
Hi Chris,
Still no success with my flash problem… do you have any progress on that? Do you experience the same problem?
Also, since Awesomium 1.5 does not seem to arrive just yet :-), I made some research and found this interesting alternative: http://www.ogre3d.org/forums/viewtopic.php?f=11&t=54484&start=0
I thought it might be of interest for this blog readers!
Hi chris,
I have successfully integrate the browser component control (Awesomium.dll,icudt38.dll,Cjc.ChromiumBrowser.dll,Cjc.AwesomiumWrapper.dll) in my application, and in general it works on my development pc with Visual Studio 2008 installed. The problem came up when i try to run my application at user’s machine with no VS2008 installed. The machine already installed with .NET 3.5 sp1 framework and C++ runtime and I put all the the dlls (Awesomium.dll,icudt38.dll,Cjc.ChromiumBrowser.dll,Cjc.AwesomiumWrapper.dll) in the same directory with my application .exe files.
When i runs the app, the app crash, the error is something like this..
EventType : clr20r3 P1 : wpfTestbrowser.exe P2 : 1.0.0.0 P3 : 4b590617
P4 : presentationframework P5 : 3.0.0.0 P6 : 4938d608 P7 : 625a
P8 : e1 P9 : system.windows.markup.xamlparse
Anybody have successfully runs this component to the machine without Visual studio?
sitinotliza – A few ideas/thoughts:
1) Does the ClickOnce demo I published work on the user’s machine?
2) Make sure all assemblies are release builds and target x86 (if appropriate / available).
3) Are both your machine and user machines on a 32bit OS, or is one of them 64?
4) Try adding an UnhandledExceptioon handler to your app and see if you can capture the exception…
Hope this helps!
Hi Chris,
Thanks for tips. I’m now solve my problems. Tips number 4, helps me a lot. I can easily debugging by adding try and catch at the component Initialization method. At the client machine, the apps failed to load a method inside the Cjc.AwesomiumWrapper.dll. After a few try and guessing, i found out that my Awesomium.dll in the client machine is not the latest one as the size of the dll is different. Maybe I wrongly copied from the older version.
After replacing the file with the latest one, the app is now working at the user machine.
Again, thanks for the tips.
sitinotliza/SitiIsLiza – Glad you got it working! Maybe the versions got messed up when I upgraded the browser to Awesomium 1.5?…
Yeah, the working one is 9.62 MB in size. The crash one is 8.36 MB. I’m not sure which one is Awesomium 1.5. But in my case, the working one (in users machine) is the file with 9.62 MB in size. Any clue which version is it?
Sitinotliza – I’d guess that’s 1.5… Bigger must be better right? 🙂
Chris – In design time the browser cannot render in Visual Studio designer with the following error:
Could not create an instance of type ‘WebBrowser’
But, i just ignore it because i still can successfully rebuilt my solution. Is there any way to get rid of this problem? Or there is something to configure…
sitinotliza – It might just be that VS can’t find the Awesomium_d.dll assembly in its search locations. It could also be a silly bug in my WebBrowser control 🙂 I’ll take a look at it ASAP.
Hi chris,
I have successfully integrate the browser component control (Awesomium.dll,icudt38.dll,Cjc.ChromiumBrowser.dll,Cjc.AwesomiumWrapper.dll) in my application, and in general it works on my development pc with Visual Studio 2008 installed. The problem came up when i try to run my application at user’s machine with no VS2008 installed. The machine already installed with .NET 3.5 sp1 framework and C++ runtime and I put all the the dlls (Awesomium.dll,icudt38.dll,Cjc.ChromiumBrowser.dll,Cjc.AwesomiumWrapper.dll) in the same directory with my application .exe files.
When i runs the app, the app crash, the error is something like this..
EventType : clr20r3 P1 : wpfTestbrowser.exe P2 : 1.0.0.0 P3 : 4b590617
P4 : presentationframework P5 : 3.0.0.0 P6 : 4938d608 P7 : 625a
P8 : e1 P9 : system.windows.markup.xamlparse
Anybody have successfully runs this component to the machine without Visual studio?
Hi chris,
I have successfully integrate the browser component control (Awesomium.dll,icudt38.dll,Cjc.ChromiumBrowser.dll,Cjc.AwesomiumWrapper.dll) in my application, and in general it works on my development pc with Visual Studio 2008 installed. The problem came up when i try to run my application at user’s machine with no VS2008 installed. The machine already installed with .NET 3.5 sp1 framework and C++ runtime and I put all the the dlls (Awesomium.dll,icudt38.dll,Cjc.ChromiumBrowser.dll,Cjc.AwesomiumWrapper.dll) in the same directory with my application .exe files.
When i runs the app, the app crash, the error is something like this..
EventType : clr20r3 P1 : wpfTestbrowser.exe P2 : 1.0.0.0 P3 : 4b590617
P4 : presentationframework P5 : 3.0.0.0 P6 : 4938d608 P7 : 625a
P8 : e1 P9 : system.windows.markup.xamlparse
Anybody have successfully runs this component to the machine without Visual studio?
please help to solve this issue
hey chris thanks for such a wonderful project
just one thing i want to ask i am a beginner so i want to ask that how to call WPF chromium from another projet by just clicking on a button…
thanks in advance
Kshitij – It depends what you’re wanting to do… Do you want to embed the WebBrowser in your own WPF project?
Hi,
Cool what you did. I am completely new here, but when I open a normal webbrowser the cpu is at 0%, when i open the same link in the example it runs continiously at 10%.
is this because each interval a photo is taken from the webbrowser content???
photoShooter – Does it behave the same for every site? (even ones with static content / no flash etc?). Apparently there’s a bug in .NET 3.5’s WriteableBitmap that can cause it to render the entire bitmap instead of just the “dirty” area; it’s been fixed in .NET 4, so it might be interesting to compare with a machine running the newer framework…
Yes, it does behave the same when looking at the performance.
(I tried http://www.google.com and a heavy site with lots of crap….) This is on a 3.5 machine
On a framework 4.0 machine it does not refresh anymore. after a resize it shows the latest image.
Hi Chris,
Your awesomium browser cannot click at html textbox. but if your right-click, then its ok. Strange bug…
SitiIsLiza – Are you using the ClickOnce browser demo or building from the latest source? (on CodePlex). Does this occur with all sites (even simple layouts like http://google.com) or just specific ones?
Same problem over here, with dll’s from ClickOnce demo, and it occurs on all sites. I have to right-click to enter an input box. I’m using Visual Studio 2008 on a 64-bit Windows 7 box.
Very cool control, by the way 😉
SitiIsLiza / Diederik – Might be something I’ve messed up for 64bit… Do you have a 32bit OS you can test for same issue on? Also, if you build WebBrowser from source, do you get the same problem?
Hello, i have same issue. I have to use right-click to enter in input boxes.
I’m using dlls from “Cjc.ChromiumBrowserDemo.zip”, vs2010(vb.net), framework 4.0 and windows 7 32bit.
I have no issues running your “Cjc.ThreeDeemium.exe”.
Strange problem, anyway compliment for your work.
I found the problem (in my case). Right-click issue happens when i put this control in a ScrollViewer!
Well, i found the solution using ScrollViewer control.
Just override “OnMouseLeftButtonDown” without calling “base.OnMouseLeftButtonDown”.
Wonderful work, Chris! Congratulations!
I just ran the WebSnapshot project from VS 2008 and I found out a bug in the RenderSnapshot method.
Instead of
using (var webCore = new CAW.WebCore())
you should have
var userAgentOverride = “Mozilla/5.0 (Windows; U; Windows NT 6.1; en-US) AppleWebKit/532.5 (KHTML, like Gecko) Chrome/4.0.249.89 Safari/532.5”;
using (var webCore = new CAW.WebCore(“”, userAgentOverride))
Don’t ask me why 😀
Helder – Thanks for that! I’d only recently added the user agent override stuff; perhaps I broke something? 🙂 What happens if you don’t override it? (should use Awesomium’s default, but possible I overlooked it).
If I don’t override it, I get this:
System.IndexOutOfRangeException was unhandled
Message=”Index was outside the bounds of the array.”
Source=”Cjc.AwesomiumWrapper”
StackTrace:
at clix.detail.StringMarshaler.marshal(basic_string<char\,std::char_traits\,std::allocator >* , String string) in c:\somepath\wpfchromium-43040\cjc.awesomiumwrapper\clix.h:line 136
at clix.marshalString(basic_string<char\,std::char_traits\,std::allocator >* , String string) in c:\somepath\wpfchromium-43040\cjc.awesomiumwrapper\clix.h:line 188
at CjcAwesomiumWrapper.WebCore.Initialize(String cachePath, String cookiePath, String pluginPath, String logPath, LogLevel level, Boolean enablePlugins, PixelFormat pixelFormat, String userAgentOverride) in c:\somepath\wpfchromium-43040\cjc.awesomiumwrapper\cjc.awesomiumwrapper.h:line 611
at CjcAwesomiumWrapper.WebCore..ctor() in c:\somepath\wpfchromium-43040\cjc.awesomiumwrapper\cjc.awesomiumwrapper.h:line 618
at Cjc.WebSnapshot.Program.RenderSnapshot(String url, Byte[] buffer, Int32 width, Int32 height, Boolean transparent) in C:\somepath\wpfchromium-43040\Cjc.WebSnapshot\Program.cs:line 58
at Cjc.WebSnapshot.Program.Main(String[] args) in C:\somepath\wpfchromium-43040\Cjc.WebSnapshot\Program.cs:line 38
at System.AppDomain._nExecuteAssembly(Assembly assembly, String[] args)
at System.AppDomain.ExecuteAssembly(String assemblyFile, Evidence assemblySecurity, String[] args)
at Microsoft.VisualStudio.HostingProcess.HostProc.RunUsersAssembly()
at System.Threading.ThreadHelper.ThreadStart_Context(Object state)
at System.Threading.ExecutionContext.Run(ExecutionContext executionContext, ContextCallback callback, Object state)
at System.Threading.ThreadHelper.ThreadStart()
Helder – Thanks for that! The bug is now fixed & updated on CodePlex 🙂
hi chris,
i need to read the content as text. The method getContentAsText take infinite time and never returns. Can you please help. Is there any other way to get the content of the body of the webpage that is currently loaded.
saraf – I’ll look into it and update here if/when it’s fixed 🙂 …
Thanks chris. I will wait for your update. It would be great to hear something good soon 🙂
Thanks again
Any tips on how to add zooming in/out on the browser?
How would I go about adding support for the acrobat reader plugin?
RP – It could be this has been improved in more recent versions of Awesomium. I’m hoping to release a new version of the WebBrowser control pretty soon that’ll use the latest Awesomium version. You could also try their new support forum: http://support.awesomium.com/
Hope this helps.
Hi Chris
Do you know how I could have javascript on my webpage call a function in my C# application?
thx
Miguel – You can do this with the CreateObject and SetObjectCallback methods on the WebBrowser control. Let me know if you need more detail and I’ll put together a sample for you (probably as part of the next release, once I get some bugs ironed out).
Hi Chris
thanks it seems to work. For people that are interested here is what I did:
browser.CreateObject(“CommObject”);
browser.SetObjectCallback(“CommObject”,”foo”);
browser.Callback += new EventHandler(browser_Callback);
From js, I can now call :
CommObject.foo()
This will call my delegate browser_Callback.
Very cool!
Now the question is : is there a way to return a value back to the JS ?
thanks
thax
Miguel – Thanks for posting that 🙂 Unfortunately the only way to get a value back to the js would be through another call (so your handler would call WebBrowser.ExecuteJavascript). It’s less convenient, but at least it’s asynchronous (ie, page doesn’t have to wait for the response, but it can if it wants to) 🙂
Thanks for this great app – I got it working on the MS Surface Table – Any ideas on how I can apply zooming functionality to the browser – have it work like IE zooming works?
Thanks
rr – Awesomium already exposes basic ZoomIn and ZoomOut methods, and they’ll be accessible in the next version of the WebBrowser control (coming pretty soon). Unfortunately it doesn’t appear to allow control of the amount or location of the zoom (so pinch to zoom would be tricky to implement well). We should put a feature request on the Khrona/Awesomium support forum and see if they can beef it up for the next release 🙂
Thanks for that info – I guess I will work with the next version of the WebBrowser control – when it comes out – I will put a request on on the Awesomium forum in the meanwhile
Hi, I try to get the real size of web page like this : JSValue jsValue = webBrowser.ExecuteJavascriptWithResult(“document.body.clientWidth”,””);
But it doesn’t work. Do you have an idea to resolve this problem ?
Thanks
Tito – I’ve not tried that, but it’s an interesting idea! What value do you get back? Have you tried calling some other JS methods/code to confirm it’s otherwise working?
Hi Chris,
Calling some other JS methods don’t work, for example I try JSValue jsValue = webBrowser.ExecuteJavascriptWithResult(“document.title”,””); or JSValue jsValue = webBrowser.ExecuteJavascriptWithResult(“location.href”,””); and that doesn’t work.
How can I get the real size of the web page? Do you have an idea ?
In each case, jsValue.Value() is null.
Can I access to DOM of HTML page differently?
Thanks
Tito – I’ll take a closer look. Are you using the VS2008 version of the source (and Awesomium 1.5.1) or the new [beta] VS2010 / Awesomium 1.6 stuff?
Thanks Chris. I’m using VS2010/Awesomium 1.6. Keep me posted please.
Tito – There’s a problem in the 1.6-based version where it’s not handling JSValue correctly (so you’ll probably have more luck with the 1.5.1-based stuff currently). I’ve made some fixes (not published yet), but there’s still an issue with executeJavascriptWithResult returning nulls. As a temporary workaround it might be possible to set up a callback and get the value asynchronously (http://www.khrona.com/forum/viewtopic.php?f=6&t=47). I’ll update here when it’s fixed.
I am getting the following error when I invoke the webBrowser Conrol:
“This Visual cannot transform the given point”
At the following line of code:
Loaded += delegate { address.Focus(); };
Any suggestions as to what can be causing it?
Here is some of the stack Trace that I get:
Source=PresentationCore
StackTrace:
at System.Windows.Media.Visual.PointFromScreen(Point point)
at Microsoft.Surface.Presentation.Controls.Primitives.KeyboardClientAdapter.GetTransformedScreenRect(Rect targetRect, Visual visual, Point screenOrigin)
at Microsoft.Surface.Presentation.Controls.Primitives.KeyboardClientAdapter.AdjustForCollision(Rect targetRect, Visual visual, Rect bounds, Vector incrementLeft)
at Microsoft.Surface.Presentation.Controls.Primitives.KeyboardClientAdapter.CalculateKeyboardPosition()
at Microsoft.Surface.Presentation.Controls.Primitives.KeyboardClientAdapter.UpdateKeyboard()
at Microsoft.Surface.Presentation.Controls.Primitives.KeyboardClientAdapter.OnGotKeyboardFocus()
at Microsoft.Surface.Presentation.Controls.TextBoxAdapter.OnGotKeyboardFocus()
at Microsoft.Surface.Presentation.Controls.Primitives.KeyboardClientAdapter.OnDependencyPropertyChanged(DependencyPropertyChangedEventArgs e)
at Microsoft.Surface.Presentation.Controls.TextBoxAdapter.OnDependencyPropertyChanged(DependencyPropertyChangedEventArgs e)
at Microsoft.Surface.Presentation.Controls.SurfaceTextBox.OnPropertyChanged(DependencyPropertyChangedEventArgs e)
at System.Windows.DependencyObject.NotifyPropertyChange(DependencyPropertyChangedEventArgs args)
at System.Windows.DependencyObject.UpdateEffectiveValue(EntryIndex entryIndex, DependencyProperty dp, PropertyMetadata metadata, EffectiveValueEntry oldEntry, EffectiveValueEntry& newEntry, Boolean coerceWithDeferredReference, OperationType operationType)
at System.Windows.DependencyObject.SetValueCommon(DependencyProperty dp, Object value, PropertyMetadata metadata, Boolean coerceWithDeferredReference, OperationType operationType, Boolean isInternal)
at System.Windows.DependencyObject.SetValue(DependencyPropertyKey key, Object value)
at System.Windows.DependencyObject.SetValue(DependencyPropertyKey dp, Boolean value)
at System.Windows.ReverseInheritProperty.FirePropertyChangeInAncestry(DependencyObject element, Boolean oldValue, DeferredElementTreeState treeState)
at System.Windows.ReverseInheritProperty.OnOriginValueChanged(DependencyObject oldOrigin, DependencyObject newOrigin, DeferredElementTreeState& oldTreeState)
at System.Windows.Input.KeyboardDevice.ChangeFocus(DependencyObject focus, Int32 timestamp)
at System.Windows.Input.KeyboardDevice.TryChangeFocus(DependencyObject newFocus, IKeyboardInputProvider keyboardInputProvider, Boolean askOld, Boolean askNew, Boolean forceToNullIfFailed)
at System.Windows.Input.KeyboardDevice.Focus(DependencyObject focus, Boolean askOld, Boolean askNew)
at System.Windows.Input.KeyboardDevice.Focus(IInputElement element)
at System.Windows.UIElement.Focus()
rr – This appears to be more a Surface-related thing. Try commenting out that entire line (it just focuses the address textbox on load) and see if that helps 🙂
Thanks, just another question, I brought over my VS 2008 project to VS2010 – I had wrapped your stuff in a SurfaceUserControl dll – When it tries to access the cjc.ChromiumBrowser.dll it crashes bec. it can’t find it – does it matter that it is VS2010 – Would you have a VS2010 version?
Thanks
rr – It should be able to find the .NET assemblies fine (ChromiumBrowser, AwesomiumWrapper etc) but AwesomiumWrapper also has a dependency on the Awesomium DLLs, which need to be in the same folder…
There’s a VS2010 version available (http://wpfchromium.codeplex.com/releases/view/49484) – but it’s very much a beta, based on a more recent version of Awesomium (also a beta). It might be good for comparison / reference though 🙂
Hello Chris! I’m french so i apologize for my mistakes! I’m trying to navigate to a page with Javascript but it doesn’t work. Should I put something in my code to “annonce” there will be Javascript? Thanks
Anne-Sophie – Are you using the current WebBrowser version (with Awesomium 1.5.1) or the beta from Codeplex? (based on Awesomium 1.6 beta). Currently Awesomium 1.6’s ExecuteJavascriptWithResult method doesn’t work, although I think the regular ExecuteJavascript is ok…
Could you send me an example of the javascript you’re calling?
Sorry I had made a mistake, everything is fine now, execpt in my page there is a but I can’t write inside.
Is that normal? What can I do?
When I try going to a https:\\ site it does not load it – any reason why it wouldn’t work?
Thanks
It’s me again.. is there any possibility to achieve the page source code (DOM)?
var generated HTML = myBrowser.ExecuteJavascriptWithResult(“document.documentElement.innerHTML”, “”);
Thanks for the link to the chromium source code, very helpful!
Hi, everybody!
I am working with changeset 43040 and I migrated it to VS 2010. Visual Studio automatically set the target .NET framework of my WPF Chromium-related projects to 4.0, including the AwesomiumWrapper project. Everything compiled, however, when running my app, it crashed with the error below (in post-scriptum).
I then changed the target framework of the AwesomiumWrapper project to 3.5 as well as the other projects (I also had to install VS 2008 in order to successfully compile AwesomiumWrapper) and everything compiled and ran fine!
My question is: is there any compilation flag that I must set in order to successfully run AwesomiumWrapper with .NET 4.0? I don’t want to have VS 2010 + VS 2008 on my dev environment…
Thanks!
Helder
P.S.: Here is the runtime error (I ommitted some irrelevant info):
Message=The invocation of the constructor on type ‘Cjc.ChromiumBrowser.WebBrowser’ that matches the specified binding constraints threw an exception.
InnerException: System.TypeInitializationException
Message=The type initializer for ‘Cjc.ChromiumBrowser.WebBrowser’ threw an exception.
Source=Cjc.ChromiumBrowser
StackTrace:
at Cjc.ChromiumBrowser.WebBrowser..ctor()
InnerException: System.AccessViolationException
Message=Attempted to read or write protected memory. This is often an indication that other memory is corrupt.
Source=Cjc.AwesomiumWrapper
StackTrace:
at Awesomium.WebCore.{ctor}(WebCore* , basic_string<wchar_t\,std::char_traits\,std::allocator >* , basic_string<wchar_t\,std::char_traits\,std::allocator >* , basic_string<wchar_t\,std::char_traits\,std::allocator >* , basic_string<wchar_t\,std::char_traits\,std::allocator >* , LogLevel , Boolean , PixelFormat , basic_string<char\,std::char_traits\,std::allocator >* )
at CjcAwesomiumWrapper.WebCore.Initialize(String cachePath, String cookiePath, String pluginPath, String logPath, LogLevel level, Boolean enablePlugins, PixelFormat pixelFormat, String userAgentOverride)
Hello,
have you added app.config containing useLegacyV2RuntimeActivationPolicy?
Gigio,
Thank you for your reply. I’ve just followed your advice, by configuring useLegacyV2RuntimeActivationPolicy=true, but still getting the same runtime error.
Helder & Gigio – The main issue is Chromium itself isn’t yet compatible with VS2010 (I’m assuming specifically the V90 C/C++ toolset). Until that happens, Awesomium can only be used with VS2008/v90. However, it should still be possible to compile Cjc.AwesomiumWrapper as a .NET 3.5 (v90) project in VS2010 (that’s what I’ve done). Everything upstream can be .NET4.
When Awesomium 1.6 releases (still beta currently) I’ll get this stuff updated, hopefully removing some of the confusion/mess 🙂
Hope this helps!
Using Visual Studio 2010 I make sure the properties of Cjc.AwesomiumWrapper -> Configuration Properties -> General -> Platform Toolset is v90.
Then I get the following error:
error MSB8009: .NET Framework 2.0/3.0/3.5 target the v90 platform toolset. Please make sure that Visual Studio 2008 is installed on the machine.
How to get rid of that without installing Visual Studio 2008 ?
Koichi,
I was also looking for an alternative solution, by installing Windows SDK for .NET Framework 3.5, but with no success. I eventually had to install VS 2008. I don’t know if its possible to only install Windows SDKs for Visual Studio 2008 (without the IDE).. This could be an alternative to a full VS 2008 installation, but I think its simpler to just install VS 2008 🙂
Helder Pinto, thank you for the reply!
Which SDK do you think will fit better?
Visual Studio 2008 SDK Version 1.0
Visual Studio 2008 SDK 1.1
Microsoft Windows SDK for Windows 7 and .NET Framework 3.5 SP1 (ISO)
Hi, Koichi.
I tried Win SDK for Win7 + .NET 3.5 SP1 but it didn’t work.
Visual Studio 2008 SDK is targeted for developing VS extensions.
I am afraid you have no better option than installing VS 2008 😦
Helder
Hi Chris, sorry for bother you, but i’m having problems to run Cjc.ChromiumBrowserDemo. Is the know System.IO.FileNotFoundException
Could not load file or assembly ‘Cjc.AwesomiumWrapper.dll’ or one of its dependencies.
I try to do a new project and references AwesomiumWrapper.dll and ChromiumBrowser.dll and throw exactly the same error.
The build in boths cases don’t fail, only fail at the IDE whe you try to display MainWindow.xaml, or when you try to run the project.
Can you help me with this issue?
Thanks in advance
Hi Chris, sorry for bother you, but i’m having problems to run Cjc.ChromiumBrowserDemo. Is the know
System.IO.FileNotFoundException
Could not load file or assembly ‘Cjc.AwesomiumWrapper.dll’ or one of its dependencies.
I try to do a new project and references AwesomiumWrapper.dll and ChromiumBrowser.dll and throw exactly the same error.
The build project in boths cases doesn’t fail (Build Succed), only fail at the IDE when you try to display MainWindow.xaml, or when you try to run the project.
Can you help me with this issue?
Thanks in advance
Alejandro, the FileNotFoundException explains it all.
You should follow the instructions to have all your compiled binaries in the same folder as the required dependencies.
I suggest you to compare your new project structure with the structure of the original ChromiumBrowserDemo project.
Also, take your time to read the instructions from this blog post and the one of the fourth version of the project at https://chriscavanagh.wordpress.com/2010/10/04/a-real-net-4-0-webbrowser/
I will try again follow the folder structure, i didn’t see it, thanks!!
Alejandro – Let me know if you hit any other issues. The folder structure stuff is kind of a pain; even more so if you want to get the WebBrowser to behave in the VS designer (if anyone gets chance to figure that out, would be useful to post here 🙂 ).
Hi, Chris
After downloading the source code project (not .net 4.0 version ), I tried to open the solution with vs2008 and encountered errors as follows:
unable to read the project file ‘Cjc.ThreeDeemium.csprojc’:
D:\MyVsProjects\…\WpfChromium\Cjc.ThreeDeemium\Cjc.ThreeDeemium.csproj: The toos version “4.0” is unrecognized.
the other four projects were probably loaded, so why comes the 4.0 here? Isn’t this solution built for .net 3.5?
vicky – I’ll look into this and update the project. Until then, here’s a few things to try:
1) Try editing the .csproj’s in Notepad and change the ToolsVersion value to 3.5.
2) Create a new .NET 3.5 WPF project and add the source files from Cjc.ThreeDeemium. You’llneed a project or binary reference to Cjc.ChromiumBrowser, and possibly Cjc.AwesomiumWrapper. Make sure the Awesomium binaries get copied to your output folder (a post-build step might be easiest).
Hope this helps!
Hi Chris,
I’m using the latest WPF Chromium 4.0 with Awesomium 1.6 RC1.
Apparently when using flash 10 (didn’t tried it with other versions of flash) When a popup comes out of the flash it is not reachable and cannot be clicked.
For example, surfing to http://www.chatroulette.com/ (Really for developing purposes only 🙂 ),
You get a popup asking you to allow flash to integrate with your webcam. But in WPFChromium this popup is just not clickable. It responds to TAB but I can’t click “ENTER” on my selection.
Screenshot:
Any thoughts?
Thanks!!!
Hi Chris Cavanagh,
how to use wpf-chromium-webbrowser on samsung sur40 (x64 bit win 7 os) machine?
Thanks in advance..
Sachin – I haven’t tested this on a SUR40; have you tried Awesomium’s own .NET wrapper? (theirs gets updated often)
[…] https://chriscavanagh.wordpress.com/2009/08/25/wpf-chromium-webbrowser-source-code/ […]