how to check device in which a web application is running on - javascript

I created a web app in node.js,express,angular and bootstrap and it had forms and everything so when i ran it on another device and the forms and zoom where all messed up. my question is how can we find out in which device my app is running say an iPad or a laptop and make changes accordingly
thanks,
Srihari

To recognize a device is not a good choice to go closer to the problem. There are too many. It is better to see whether the device supports the necessary functions. For this has been built https://modernizr.com/.
If you seem rather to be the problem that your application is not responsive. So the different resolutions does not adapt. May I suggest to learn something on the Web. https://www.smashingmagazine.com has mostly good articles to it.
Sorry I can not help you better, but without an example which does not go well, you can not get a better help.

Related

web app- Would it be possible to disable Windows+Printscreen?

I am trying to prevent users from taking screenshot in my web application written in Java.From my research,it seems highly unlikely.I did found a link below:
https://stackoverflow.com/questions/3130983/stop-user-from-using-print-scrn-printscreen-key-of-the-keyboard-for-any-we
It's able to disable the printscreen button but it doesn't disable if a user tries to use windows+printscreen.Now, I know even if I do managed to disable it, there's other third party application like snipping tools,camera,etc to take a screenshot but that's way beyond my control and I'm not looking into those.
I was just wondering is there a way to disable Win+Printscreen to prevent user from screenshotting?
If anyone has done it before, I appreciate any sort of suggestion.
Simple answer: No
Have a quick think about why you need to hide this info, does it really matter if other people see it? I assume that you have proof that you came up with your conclusion/process first? The information will never remain exclusive forever, especially not on the internet.
You normally do not have access to higher level controls so it is normally not possible with a web app. Having said that, there are several possible ideas:
Send your content directly to the graphics device/card via an API so that it is never visible to the operating system screen space (Where print screen works). However, with the right tools it is still possible to catch a graphics stream but it's a little harder for the average user.
Make your webapp launch a custom desktop application with more control over the OS (Download an exe and run it?)
Design a plugin/extension for a web browser that limits the use of printScreen, and then only show content on your webapp if your site can see that the plugin/extension is installed and running. This may not work with the way that Chrome and Firefox now manage plugins, it would need more investigation.
The best answer would be to only show limited info/conclusions on your webapp, and keep all the proof of concept hidden. Then you can make people sign-up to your app if they want more information, and then give a strict set of criteria that must be met.

How to update source codes of a phonegap application from server

I have been developing phonegap applications that need to make updates oftenly. The problem is pushing a new ipa to iTune Store take too long. So, I uploaded the application source codes(minified javascript) to my server and download it from application and "eval" the minified js files. But i feel using eval has limitations and also not the right way. So, can someone tell me the right way to accomplish this.
thank you so much.
I'd love to have something like this as well. You're already ahead of me w/your eval() approach - but I'd have the same concerns as you there. Here's what I'm aware is out there on this topic - hope this helps?
IdeaPress(?)
I just recently caught wind of this one - not sure how feasible but it claims to do exactly what we'd like. I have to say the main site looks a bit flaky but I will definitly be checking this out to see if it's feasible or not.
HockeyApp?
HockeyApp (possibly dead-end now). I thought there used to be a pretty clear solution for PhoneGap devs to integrate the HockeyApp API/feature set with their mobile apps but a recent Google search on this is turning up much less than I would think - so maybe it's a dead end now? http://goo.gl/GQOv5o
org.apache.cordova.file
This requires more work and I haven't pushed far enough yet to see if it truly could be a means of updating the app post-app-store-deployment. But based on what I've read if you're just updating code for your WebView you shouldn't have to worry about App Store rejection or anything. Related tutorial
Testflight App Testing (Apple)
I haven't gotten to play w/this yet but sounds like it could be promising for at least the beta/testing phase of development. I, like you, need a solution for end-users, not app testers, but I'll still be looking into this soon as it might replace me having to maintain my own over-the-air app installs for the best/testing periods.

Best way to code a javascript web game considering variables and portability

I'm coding a basic game in HTML/javascript/CSS and I'm just after some advice on best practice/best way to do it.
I only have a basic knowledge of javascript but it seems easy enough and there's nothing too fancy required in my game.
The game will be relatively simple in that it's mainly menu/screen based; there will be a main menu which the user navigates from, which will open the required screen for them to make in game purchases etc, before returning to the main menu screen.
What I'm trying to work out is whether I should do it as just one page, that dynamically changes as the user makes their choices, or several pages for each of the menu items. The second sounds much 'cleaner' in terms of code and layout, but then I have to pass variables across to each page. Some of this information needs to be secure, so I'm thinking of using HTML5's localStorage or sessionStorage. It seems to work well in Chrome but IE8 doesn't seem to like it during my offline testing, apparently you need to have the file uploaded as it's 'domain' based? I thought the whole 'local' meant it could be done locally!
What I also need to consider is that in the future I'd like to convert this to a Facebook or even mobile app. I believe there are some 'wrappers' available and that you can port it across... is the fact that I'm planning on using multiple pages/localStorage going to affect future portability? Is there another way I should be doing this?
Thanks
I have create a few HTML5 Javascript games, I for one did not purchase any books as you can usually find some good stuff out there on the web, so just do some google searchs for HTML5 canvas game or Javascript Html Game.
The best thing to try and keep in mind is OOP (Object-oriented programming), this really helped me out create my simple games as it just keeps a nice pattern.
But basically what I did was just dive straight in and just code. A good editor is Sublime.
Sorry I couldn't off been much help however, if you take a look at a game I created and view the source files, you may get a good understanding of how to create a game :)
http://canvascode.co.uk/Projects/SpaceDestroyer/spacedestroyer.html
Also you could always pick up Unity which is portable for nearly every system there is :)

When they say carbyn is an html5 based OS, do they mean that carbyn is a javascript based OS?

More specifically, How is it possible to create an os with a markup language? Or is this really a misnomer and the OS itself is built on top of JavaScript?
I don't wish for any sort of markup for the actual os, but it just seems like an impossible task without even the most basic control flow, like if statements/for loops or jumps.
If anyone can show me an If in Html5, I will definitely be satisfied, or just a they do that stuff with javascript works as well.
http://www.carbyn.com/
http://www.youtube.com/watch?v=mNAuB5JWfoE
It sounds like a web application, that itself is a platform for HTML5 (mostly javscript) web applications. It provides a set of APIs that javascript "applications" can implement to run on their platform and "multitask" and communicate amongst each other.
To help visualize, you can think of how facebook has apps that developers can make. That's not a perfect comparison, but it can kind of help you get in the right frame of mind. Carbyn seems MUCH more open than facebook is in terms of apps, and of course that's the whole point.
That's my thoughts after reading what's available and watching the video, hope it helps!

How to be more productive developing a browser game in javascript+jquery+css?

I'm working on a browser game for facebook/orkut. The graphics and the JSON data have been given to me. My work is to organize the information received in the JSON on the screen. To do this I use css+jquery+javascript (most of the time jquery). I'm not as productive as I'd like to be. My development enviroment is:
eclipse
firefox
firebug with cssUpdater and other firebug plugins
I still have to make every little thing by hand (barebone) programming. For example, to make a screen, I have to make the divs, work the css, and then put it to jquery. This process takes one day to make just one screen workable. I want to know if there is some way to be more productive, such as with a tool to help with the css positioning and updates. Or something to help with the debug process more than firebug does. I tried coffescript, but I don't have the time to learn it right now, and my enviroment is Windows. I see that coffescript works better in linux, but my real problem is css positioning/debugging.
tnx for help.
gameQuery is a jQuery plug-in to help make javascript game development easier by adding some simple game-related classes. [this is your best bet]
Also have a look at these plugins that show you some cool ways to make games in jquery
Also some really good tips here
Here is another experimental library for 3d stuff
Send us link when you are done so we can kill some time on your games ;)

Categories