From what I've read/viewed online about using GWT, the key is to develop/debug in the Hosted Mode browser versus compiling and testing in normal browsers.
As a UI developer - the rendering engine is a key piece of the puzzle when using a custom/embedded browser.
Thus (since I can't find the info anywhere), what browser rendering engine is used by the Hosted Mode browser?
Gecko (e.g. Firefox)
Trident (e.g. Internet Explorer)
Webkit (e.g. Safari/Chrome)
And if known, which version of the engine? e.g. (the IE6 ver of IE), or (the 3.5.x ver of FF), etc.
Depending on your operating system GWT uses the following browser engines:
Windows: the IE engine of the IE version installed.
Mac: custom WebKit build.
Linux: FF 1.0.
With GWT 2.0 (which is not yet officially released) the hosted mode browser is replaced by plugins running in the browser, called Out of Process Hosted Mode (OOPHM) you can read more about it here: http://code.google.com/p/google-web-toolkit/wiki/DesignOOPHM.
For my UI development, most UI issues have to do with css. My development process consists of running in hosted mode to test the code (business logic) and compile to web mode to fix the CSS issues in different browsers, using browser plugins to dynamically alter the css.
GWT 2.0 should get you all fixed up. It will allow you to use each of the main browsers for debug. See this link for full details. In the past I'm pretty sure hosted mode used the native browser engine for the specific platform(safari on mac, ie on windows, mozilla on linux) but this may have changed to webkit recently.
Related
I have a gwt developed website that already runs 100% client-side (by which I mean no server-side javascript is used)
As one of the options for windows universal app development is javascript, is it possible to somehow turn a online gwt app into a offline uwp one?
I am aware there are solutions to package websites together with browser+installer, but if windows can run js 'natively' now (I assume via Edge) it seems a better route.
You can use UWP Javascript project from Visual Studio. This project allows you to add any HTML/CS/JS requires files. You can also use the Hosted model, where your files are downloaded from a URL (but then the app will require connectivity).
I've not tried the scenario, but I don't see any impediments, it should work.
Is there an IDE like Xcode to develop cross platform apps using ionic? I played with creator.ionic.io but they charge 40$ per month for the complete app development. Can you suggest some open source IDEs? Basically I wanted something similar to ionic where I can drag and drop objects to build the UI
I had come across the same problem when i started at first and found some suggestions from ionic official website.
I copied contents here for convenience.
Visual Studio Code
VS Code is a new editor that comes with support for ES6 syntax, as well as TypeScript support. It will also prompt users to include TypeScript definition files and download them from Definitely Typed. Visual Studio Code is free and works on OS X, Windows, and Linux.
Atom
Atom is cross platform editor built on web technologies. Atom has many plugins to make ES6/TypeScript development very easy. If there isn't something provided by Atom or a plugin, you can even make a plugin yourself, using JavaScript. Atom works on OS X, Windows, and Linux.
WebStorm
WebStorm is a paid IDE that provides many features, such as advanced refactoring support, automatic compilation of code, and gulp/grunt/webpack support. Out of the box, WebStorm comes with support for ES6 and TypeScript, as well as Angular and Ionic syntax support.
ALM
ALM is a free open source IDE built for typescript development, it can be run on any computer running chrome and can be hosted on a server and used on any computer with internet access.
Angular IDE by Webclipse
Angular IDE is a freemium IDE built for Angular 2 and TypeScript development providing integrated terminal support helping with node and npm management. Out of the box, Angular IDE includes code completion and validation for ES6, TypeScript, and Angular 2 HTML templates.
Personally i am using "Brackets" its open source as well and really good.
I think community gets totally confused about the OP's question here.He is asking not about an IDE for developing Ionic apps.He is asking the IDE like an Ionic creator.Which is the IDE anyone can create ionic apps without writing a code.
What is an Ionic Creator? See here.
Creator is a simple drag-&-drop tool for going from idea to App
Store, with just the drag of a mouse.
There is no such free and open source tool but the price you have mentioned is not correct with the official Ionic creator. It is $24/mo.You can see details here.
PRO
$24/mo for individuals
Unlimited Projects
Private Projects
In-Tool Code Editing
Basic & Native Exporting
Creator Mobile App
Note:
By using above tool you can create Ionic 1 apps only.There is no support for Ionic 2 yet. You can see the Roadmap of Ionic 2 creator here.
I'm interested in developing with typescript on linux. So I found the above mentioned plugin. I installed eclipse and also the eclipse-typescript plugin as described here. Now I can edit typescript files and see the highlighting. But it is not possible to debug a script. When I try to debug it, there is no debug configuration available.
Is the plugin able to debug a typescript?
I also read in this wiki, but this single page doesn't help me. I googled around and did not found any howto or help...
Thanks
Is the plugin able to debug a typescript?
It isn't supported. Based on my empirical (but certain) observation of : https://github.com/palantir/eclipse-typescript/tree/master/Bridge/src
You could debug the generated JavaScript though (and I highly recommend you do that anyways). And in fact learn to use google chrome debug tools (you'll thank me someday) since they have a live edit and continue, repl, profiler etc.
Alternatively you can try WebStorm which fully supports debugging TypeScript on linux.
At the same time, TypEcs (another TypeScript plugin for Eclipse) features debugging - http://typecsdev.com/. The plugin supports two modes of TypeScript debug:
Standalone: this mode is suitable for debugging server-side NodeJS applications written on TypeScript,
Web Remote: this mode is connected to Google Chrome web browser and allows you to debug TypeScript web application.
So you can try this one.
i'm using Ubuntu 10.04 for GWT development and I noticed that on dev mode, the code runs faster on Firefox (in comparison to Chrome), but I'm thinking that even for Firefox there must be a version that runs faster, better for GWT Development mode
DevMode runs half in Java (outside the browser) and half in JavaScript (within the browser), with a bit of native code (the DevMode plugin) in between.
The reason Chrome is slower than Firefox is that the DevMode plugin runs in a sandbox, so calls and data have to cross the sandbox boundaries.
Now, whereas latest versions of browsers always perform better than previous ones, it shouldn't change much things wrt DevMode performance. What costs the most is crossing the Java/JavaScript boundaries, which requires chatting over the network (even if it's generally localhost).
For best performances, try the SuperDevMode, where everything runs in JavaScript in the browser: no plugin, no Java/JavaScript bridge over the netweork, just plain old JavaScript.
We have created an ActiveX component in C# and we are placing it on an HTML page served via ASP.NET. The ActiveX is referenced via the tag. The dll sits on the web site in the same folder where the aspx is and all is working nice.
However, we have deployed this to a customer and it doesn't work there. We have setup the .net framework on the clients and all supporting libraries are there. In fact the activeX component works fine there when run via UserControl TestContainer. It just won't work in the web browser - as if activeX was disabled. However, the web site is added as a trusted site in the IE options and activeX is enabled. This is Windows 2003 server.
I followed http://support.microsoft.com/kb/555687 and I think we did all we should have, including the CAS policy (although even switching CAS off temporarily didn't help)
Any idea where to look at? Any help would be very appreciated.
Martin
I found it. The IIS was set to expire everything immediately and that prevented MSIE from using the dll.