How to use ASP.NET Web for Windows phone - asp.net

I want to create an ASP.NET web site. I have not been using ASP.NET for quite a while and I need help. As you know already there is an IE9 mobile browser for Windows phone, I have these questions:
1) Which version of ASP.NET is supported by the IE 9 mobile browser in Windows phone? I means all the output of html is ok.
2) Can all controls in all versions of ASP.NET be used for the IE9 mobile browser?
3) What di I need to set in the Declaration part < !Doctype.......> in my ASP.NET pages ? Will ASP.NET output it according for IE9 MObile Browser?
4) Does the Div control work ? Will this work Div.html = "........html ...."
5) What should not be used from ASP.NET for the IE 9 mobile browser?
6) How do I make the fontsize bigger or which fontsize is best for Wp screen?
------- Update
I have ASP.NET V1.1 with JQuery ( not the latest) , My Windows phone 7 HD7 can not work with the JQuery? Does JQuery have diff version for mobile than ASP.NET?
Any info on what version of Html spit out by ASP.NET V1.1,2.0, to the ASP.NET 4.0??
Using Plain HTML wont help much on the server for many server tasks.
Any resource link on how to build aspnet for windows phone 7 would be appreciated.

See the Web Development for Windows Phone details on MSDN as it provides specific guidance on developing for the phone and details of what is not supported on the phone (but is in the full version of IE9).
The phone uses the same code base for the rendering and javascript engine as the desktop version of IE9 does so most things should work.
If you're build a site specifically targetting the phone you will probably see better results if using jQueryMobile rather than the full version but be sure to test fully.
I'd recommend building a HTML 5 site rather than any (X)HTML 4 variation. The browser supports a lot of the newer functionality and you'll get a cleaner layout as well as backwards compatibility for other devices.
You'll also find lots of useful relevant articles at http://blogs.msdn.com/b/iemobile/ and http://windowsteamblog.com/windows_phone/b/wpdev/archive/tags/ie9/

ASP.NET is a server side technology so it is not related or constrained by the client devices which access to it, you can use Windows based computers, ITab, Max, Linux, Android, Windows Phone 7, Blackberry phones... to connect to the web site and in any case all the server side processing is performed on the web server (or other back end app servers depending on configuration), on the clients will only arrive html to be rendered and this could contain javascript to be executed locally.
in general modern mobile browsers are very good, I had the best experience with Android devices on mobile devices, which run some kind of Chrome compatible browser, iPhones and iPads run safari, also available for PC and Mac.
if you test your application from a PC with multiple browsers like Chrome, Safari and IE and everything works fine, it will most likely work fine, in general JavaScript abstraction libraries are used to write fully cross browser and cross platform javascript, one of the most popular is JQuery.
I am convinced that the version of IE9 (or similar one, it's not 100% the same IE9 of desktops) included in Windows Phone is probably advanced enough to support all HTML 4 tags and probably has a very advanced Javascript engine as well.
To detect from the server which user agent (device, browser) is connected and render different content or format layout with specific style sheets, check this question here in SO:
how to detect a mobile phone in a web application

Related

ASP.NET how to debug mobile version?

I am working with a platform on ASP.net that does not have a native mobile version.
I am tasked with debugging a problem that is only for mobile users however searching the codebase for "mobile" or "useragent" does not return anything meaningful that I can use to reverse engineer to find the root problem. It appears that the only mobile checks on the platform are from jQuery regex checks against the useragent and are very very minimal checks to disable a button and not set any global or local variables.
I have tried using Chrome's Mobile Simulator but it seems that only changes the screen resolution rather than simulate a real mobile device. I have also tried modifying the user agent using browser extensions to no avail.
How can I force my desktop browser to load the mobile version of the website for debugging?
Where does ASP.NET determine the device type at?

Can NVDA product certify web app for WCAG 2.0 AA level web accessibility?

One customer wanting their website to be WCAG 2.0 AA level compliance is asking the website to be tested using JAWS, Talkback and Voiceover. The compliance needs to be tested for IE, MS Edge, Chrome , Firefox and Safari (in Mac OS, Windows 7, iOS & Android)
We already have NVDA in our approved to use product list.
Can't NVDA alone be used to test our website and certify it for WCAG 2.0 AA level compliance?
The Web Content Accessibility Guidelines (WCAG) require that web content conforms to a set of success criteria; they do not explicit require tests with specific browsers and assistive technologies. For example, when you look at the Techniques for WCAG 2.0, each technique and failure has a test procedure that is independent of specific products (except for "technologies" that are proprietary, such as Silverlight, where they suggest the use of UIAVerify or Silverlight Spy).
So the question is actually about defining what user agent support means for your client's site. While NVDA is fairly popular, it works only on Microsoft Windows and it does not always interact in the same way with certain browsers as other screen readers (e.g. Firefox support versus Chrome support). Unless your client's site is a fairly simple site with just static HTML, I would not recommend testing it only with NVDA. On Windows, the combination of JAWS and IE (including Edge) should not be ignored. Mobile is a different experience than desktop or laptop.
Conclusion: If you are evaluating a non-trivial website, do not test with NVDA alone.

Phonegap - Does it compile the webpages or simply wrap them

I'm new to Cordova and Phonegap. I've encountered a problem where some CSS3 cannot be displayed properly on my (old) Android.
So I wonder if Phonegap compiles the webpages into code (perhaps Java) or just simply wraps it and uses a native browser to open it.
I ask this is just simply out curiosity and wonder if I can implement ways in other forms to help it render.
Phonegap just uses a WebView (Which is essentailly a browser) control where it displays your webpages. Now each phone uses a different WebView control, and also this control varies among different versions of android. So if some parts of your page are not displayed correctly inside the phone's web browser, they won't show up correctly inside a phonegap app.
UPDATE:
A solution to this problem might be this:
"[Third-party WebViews] are platform-independent so that we no longer
have to deal with issues between Android versions," said Bowser, who
spoke Thursday at OSCON in Portland, Ore. An API will be provided so
that these WebViews work like plug-ins, and Bowser mentioned it will
support the recent Android OSes, such as KitKat, Jelly Bean, and
Gingerbread.

Designing issue in JQuery mobile with asp.net

I am creating mobile application in asp.net webform targeting IPhone, Android and blackberry. I am using JQuery-Mobile for the same.
Below is my first page I have developed with jquery-mobile.
I don't have iphone, android and blackberry. So my questions are:
Best Simulator I can use on windows XP/ Windows Server 2008 for Iphone, Andriod and Blackberry
Also, when I am running the application on the browser it is looking wierd. I mean textbox size, buttons. Is this the way it looks on normal webpage or it's my faulty design?
As I am developing application in asp.net, do I need to install latest browser which support HTML5 and CSS3 because below browser is IE7.
An old IE is not the best choice to test the capabilities of a HTML5+javascript framework...
For daily basis it's quite ok to use Firefox or any WebKit based browser (chrome, safari ...)
Emulators are very helpful, but to be sure your product works well you will probably need to give it a try on an actual device. I have already seen some reports of problems that show up only when working with the real device.
A team that I do some JQM stuff for has bought a cheap old ipod touch for testing. It's the most demanding apple product you can get. It has the oldest browser, causes most problems and is the slowest. Best choice! :)
Emulator for Android
Simulators for Blackberry
I'm sure Apple has one too - but I think you need to register as a iOS developer before you can get your hands on it. I believe using third-party iOS emulators is against Apple's policy.

iUI iPhone web app working on other devices

I am an asp.net developer looking to build a web app using iUI for the iPHone. I was wondering if this app would also display properly on other devices.
Thanks in advance.
Look at ASP.NET MVC. The routing engine can use different views to render the page depending on the agent provided by the browser. Hanselman has some great writes up on how this works:
MixMobileWebSitesWithASPNETMVCAndTheMobileBrowserDefinitionFile
TheWeeklySourceCode28IPhoneWithASPNETMVCEdition
iUI is based on HTML5 and CSS3. So yes, it will work on any device / desktop browser since it supports HTML5 and CSS3. Actually, only Webkit (Safari/Chrome/iPhone/Android) has a pretty good support of it, and Firefox 3.6 supports most of it too. Fennec 1.0 will.
Haven't heard if it was planned for IE9. Sure IE8 does not.

Resources