Sencha Touch 2.2.1 not run on IE10 - sencha-touch-2

I am a newbie of Sencha.
I use Sencha Architect (Version: 2.2.2 Build: 991) to create the Sencha Touch (2.2.1) application.
But when I deploy and run it on IE10, it does not work, showing blank screen. I open the debug mode (F12), and I see that the browser always auto changes to the Browser mode IE10 Compat View, Document Mode: IE7 standard.
I switch the Browser mode to IE10, the app run again. Is there any config I need to set to run on IE10? Or is this a bug?

Sencha Touch is built for Webkit-based browser (Chrome, Safari)
IE and other browsers like Firefox are not built on Webkit, thus not able to render pages written with Sencha Touch. Even if you can run it this time, there will be elements that cannot be displayed properly, causing the page to have weird look.
Update: sorry for the wrong info. Since 2.2, Sencha Touch provides support to IE 10. So this means your page should be rendered without any problem with IE10. I tried opening up a page created by Sencha Touch 2.2 on my Lumia, it was OK without any problem. I guess IE10 on desktop may have a false detection in your case and try to open the page in IE7 compat mode. On actual device there shouldn't be such issue.

Related

Is it possible to run embedded WebKit on Windows Phone?

There we have an web app developed for Android and iPhone (using webview). It is based on Sencha Touch 1.1.1. Thus it runs only on WebKit based browsers, and not on Internet Explorer. I want it to run it on Windows Phone, thus I need to run WebKit (not IE) inside the app (as webview).
Is it possible to build a Windows app with webview which used WebKit?

Render camera preview in Chrome using Native Client SDK

I'm trying to write ppapi plugin for Chrome which will use webcam (show preview and write file). I have installed NaCl sdk with pepper_35.
There available examples in /examples/api/ folder: media_stream_audio and media_stream_video.
The audio example works fine - requests access to microphone and shows some kind of preview.
The "media_stream_video" example must show web-camera video preview, but when I load example on the local web server (with make serve command), there appears red rect, and Chrome asks for the web camera access. When I click “allow” - webcam indicator lights-up, chrome show that web page uses the web camera, and I see the camera settings icon. But the preview doesn't work, there still red rectangle instead.
I checked this on Windows 8.1, Windows 7 and Mac OS X, with five different webcams, and have no idea what can be wrong.
Maybe someone already encountered with the same problem?
Installing the pepper_37(dev) version of NaCl SDK solved the problem. Looks like it is unstable version currently, but it works.

Debugging iOS7 Safari CSS issues with web inspector

I followed the steps to set up debugging webpage on iOS. It worked. However I see an issue with the inspector - it doesn't let me check the DOM and corresponding CSS. Anyone else has this issue? (Exact same issue when debugging using the simulator.)
Screenshot: http://screencast.com/t/E4fxPQwk14
Resource: https://developer.apple.com/library/ios/documentation/AppleApplications/Reference/SafariWebContent/DebuggingSafarioniPhoneContent/DebuggingSafarioniPhoneContent.html
Thanks!
UPDATE: WebKit nightly works. Thank you Timothy Hatcher!
You need to use a WebKit nightly, Safari 6.1 or Mavericks to use Web Inspector with iOS 7.
If you don't have access to Mavericks, You can also use Chrome devtools via proxy.
Debug iOS 6+7 Mobile Safari using the Chrome DevTools

Appcelerator Apps don't work in Firefox and Chrome but work in IE

I have problem as following. I use a Titanium Studio, build: 3.1.1.201306112235 with SDK 3.1.1 GA (on Windows 7). When I try to run example app as "Mobile Web Preview in Browser", then I saw mobile app in my Firefox (version 21.0) but any actions associated with 'clicks' don't work. Furthermore when I try run the same app in Chrome I see the same behaviour. Only in Internet Explorer app works properly (version 10). Do you have idea why apps from Titanium don't work properly? If you would like to get some more logs just ask.
EDIT: I provide remote access, and reopen page by Firefox in the same version on my colleague's laptop. Then in here browser everything works well. So i have question which settings, on my browser can "freezing" titanium application. Javascript is running, so I don't have idea, what is bad in my configuration.
This sounds like you are making web service calls to a remote host, which violates the same-origin-policy built into recent versions of chrome.
Try opening up chrome with this policy disabled:
chrome.exe --disable-web-security

Launch Webkit Nightly in fullscreen mode

I am using Webkit Nightly because i'm working on some new HTML5 features. I would like to look at the application full screen, without the window chrome.
Other browsers have F11 and other buttons to go fullscreen, but webkit doesn't. Is there a way I can launch it in fullscreen mode?
Dennis
Webkit is a web content engine and its not a browser on its own. Anyway, which port of webkit are you referring to? GTK+? QT? EFL?
I just downloaded and compiled WebKit-r70098 (for GTK+) on my Ubuntu box following this instructions. The demo browser (GtkLauncher) that comes with it creates a window of 800x600 (hardcoded in the code) and doesn't have a fullscreen feature.
Also, the pre-compiled binaries for Mac OS X that allows Safari to run on top of Webkit, don't offer native fullscreen capabilities. Currently there's no fullscreen without tweaking Safari configuration files or using 3rd party plugins (there are lots of them).
EDIT:
On Windows, webkit.exe also doesn't have fullscreen capabilities.