HTML OnLive Debugger

Useful links/downloads to software and other resources for android.
34 posts Page 3 of 4
User avatar
benji_19994
VIP - Donator
VIP - Donator
Posts: 156
Joined: Mon Apr 16, 2012 3:13 pm

Re: HTML OnLive Debugger
benji_19994
You can also install android on a pc as well look up http://www.android-x86.org/
User avatar
mikethedj4
VIP - Site Partner
VIP - Site Partner
Posts: 2592
Joined: Thu Mar 25, 2010 4:36 am

Re: HTML OnLive Debugger
mikethedj4
What's new in v1.1:
- New User Interface
- Added Menubar
- HTML Tag Generation
- Load HTML File from Hard Drive
- Apple Mobile Theme (Whatever you code, this applies the JQuery Mobile theme to your website, or web app)
- Save/Download Coded HTML File
- Added Color Picker

NOTE: Before I release this version I need someone to take a screenshot of it running on a mobile phone using the following code.
Code: Select all
<style type="text/css">
div#example {
    font-size:1.5em;
    color:black;
    text-shadow:0px 0px 5px #fff;
    background-color:lightblue;}

div#example img {width:90%;}
</style>

<div id="example">An example of the HTML OnLive Debugger.

<p><a href="http://google.com/">Google</a> did a Bruce Lee WAHHHH!<br />
<img src="http://farm5.static.flickr.com/4111/5208943327_ec7203ac0e.jpg"></p>

<p>Easier to use with a physical keyboard.</p></div>

<h1>Heading</h1>

<ol>
    <li>Ordered List 1</li>
    <li>Ordered List 2</li>
    <li>Ordered List 3</li>
</ol>

<ul>
    <li>Unordered List 1</li>
    <li>Unordered List 2</li>
    <li>Unordered List 3</li>
</ul>

<p><input type="button" name="btn1" value="Button Name"></p>

<p><input type="text" name="textbox1" placeholder="text here"></p>

<hr>

<select>
  <option>Water</option>
  <option>Wine</option>
  <option>Vodca</option>
</select>

<hr>

<form name="myform1">
<input name="group1" value="Water" checked="true" type="checkbox">Water<br>
<input name="group1" value="Wine" type="checkbox">Wine<br>
<input name="group1" value="Vodca" type="checkbox">Vodca
</form>

<hr>

<form name="myform2">
<input name="group1" value="Water" type="radio">Water<br>
<input name="group1" value="Wine" checked="true" type="radio">Wine<br>
<input name="group1" value="Vodca" type="radio">Vodca
</form>

<hr>
Last edited by mikethedj4 on Wed Jul 10, 2013 4:09 am, edited 1 time in total.
User avatar
comathi
Coding God
Coding God
Posts: 1242
Joined: Fri Mar 26, 2010 1:59 pm

Re: HTML OnLive Debugger
comathi
Here's a screenshot for you. I downloaded the app and ran it on a Samsung Galaxy Tab 8.9 running Android 4.0.4 (Ice Cream Sandwich, if I'm not mistaken). Just tell me if you need more views.

Nice app, by the way, it seems to be running quite smoothly. Just a suggestion for further versions, though: perhaps try adding a CSS editor, that way you could test out external style sheets instead of using inline CSS... This would prevent the user from having to convert his external CSS to inline styles.

Anyway, great job cooll;
You do not have the required permissions to view the files attached to this post.
User avatar
mikethedj4
VIP - Site Partner
VIP - Site Partner
Posts: 2592
Joined: Thu Mar 25, 2010 4:36 am

Re: HTML OnLive Debugger
mikethedj4
I updated the version. You can download it here on Google Play - http://tinyurl.com/ogv6ah8

NOTE: This will not update previous installations of HTML OnLive Debugger - lite. I forgot my original keystore password so I had to make a new version and release it on Google Play which means I had no choice to remove/disable the original version. Anyone who has it installed please remove it and update to the newest more stable version here - http://tinyurl.com/ogv6ah8

EDIT: I updated the full version, and this update will not update previous versions of the full version as stated above for the lite version. It'll be available in Google Play as soon as processing is complete. In addition I need two screenshots from a mobile phone using this app for Google Play so first person to do this will receive the HTML OnLive Debugger for free.

I revised the UI a bit so you get more coding space.
This current version includes new features such as syntax highlighting, close tags, and auto indentation.
I was asked before to add in Dropbox support. There's a bunch of ways on doing this so I figured I'll add in a basic web browser into the application with Dropbox being the default homepage. Not sure how I'm doing to design it yet, but this is only available for full users.
full-newui.png
In addition I'll also be working on adding autocomplete functions for html, css, and javascript right into the editor. Not exactly sure how I'm going to do it, but it will be done. As it increases productivity and efficiency making the time much shorter developing your app. Which these updates will be available in the next release.
You do not have the required permissions to view the files attached to this post.
User avatar
kolega28
VIP - Donator
VIP - Donator
Posts: 338
Joined: Mon Jan 17, 2011 7:12 pm

Re: HTML OnLive Debugger
kolega28
Can I just say, OnLive is a copyrighted name, it is used by a company which basically allows people to play games using the company computers over the internet.
Image
User avatar
mikethedj4
VIP - Site Partner
VIP - Site Partner
Posts: 2592
Joined: Thu Mar 25, 2010 4:36 am

Re: HTML OnLive Debugger
mikethedj4
kolega28 wrote:
Can I just say, OnLive is a copyrighted name, it is used by a company which basically allows people to play games using the company computers over the internet.
OnLive is a widely used word developers use for various applications. I'm not the first, won't be the last.

I just sold my tablet on Aug 4th for $70. (Here's where I originally bought it via eBay) About 3-4 days after I sold it, I bought a pretty nice used Toshiba Satellite L455D-S5976 from some dude on Craigslist for $60.

Updates from Aug 4th: (full version)
  • Tag Gen now generates the tags to the edible document (also applied to lite version)
  • You can reload the app inside the app (also applied to lite version)
  • You can clear the code from the edible document (also applied to lite version)
  • More coding room! I combined the menu button into the changeable editor content view
Screenshot of The New Release:
full.png
lite.png
New updates:
  • Fixed the save file function to the CodeMirror editor instead of the textbox. So now it'll save your code instead of the default code in the editor. (full version)
  • Character Tag Generation for HTML, CSS, and Javascript.
  • Changed some of the styling of the editor.
  • Fixed tag gen (back to html tag gen) on lite so it doesn't replace initial code, but currently all generated tags go to the bottom of the editor. (lite version: I'm working on fixing this)
  • You can now code an entire webpage on the lite version, but there are still some limitations. Some of the code will apply to the main website's dom ex...
    Code: Select all
    div {background:red;}
  • Because of the revision of the app and how the code now applies to an iframe instead of a div. I had to remove the "Apply Mobile Theme" button which allowed you to see what you're code would look like on mobile. This code was no longer active, nor needed with this new update. (lite version)
  • First auto close tag: Currently only applies to an empty project. If you type <div> it will automatically close if that's the first code you typed. (lite version: This part is done manually so it's not really supported)
  • Added Heading to HTML Tag Gen.
  • Full version now supports highlighting the active line.
I've added a sample/demo code to the lite version. So when you launch the HTML OnLive Debugger here it'll automatically be applied. You can now start a new document with the following starter code.
Code: Select all
<!DOCTYPE html>
<html>
<head>
<title>Starter for Pages</title>
<meta http-equiv='Content-Type' charset='utf-8' content='text/html;charset=ISO-8859-1'>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<style type="text/css">
body {
	background: #fff;}
</style>
<script type='text/javascript'>
$(document).ready(function() {	
	// JQuery code here. If you need help refer to jquery.com
});
</script>
</head>
<body>
	
</body>
</html>
You do not have the required permissions to view the files attached to this post.
User avatar
mikethedj4
VIP - Site Partner
VIP - Site Partner
Posts: 2592
Joined: Thu Mar 25, 2010 4:36 am

Re: HTML OnLive Debugger
mikethedj4
This new version (now v1.1) is now available on Google Play.
User avatar
mikethedj4
VIP - Site Partner
VIP - Site Partner
Posts: 2592
Joined: Thu Mar 25, 2010 4:36 am

Re: HTML OnLive Debugger
mikethedj4
Preview of v1.1.1 release:
Image
New in v1.1.1
- I removed the menu button and added most of the features it had (like load, save, and color picker) to the header. This will increase speed, efficiency and productivity with design and development. This is now the new menu.
- Horizontal mouse scrolling is now more responsive
- Instant debugging is now faster than before
- Application UI color scheme has been slightly revised
- Dark default theme's syntax highlighting styling has been revised
- Added a "New Mobile Doc" button so just like before when you clicked "New Doc" you would get a default code generated to begin a new website/document. Now the same is done for mobile. When tablet users launch the app you will see a blank document instead of this being the default code as before.
- Mirroring textbox is now hidden the full version

What's been discarded in this new release?
- HTML Tag Generation
- Switch between multiple themes for the editor in the full version
- Side Menu
Last edited by mikethedj4 on Fri Sep 06, 2013 3:28 pm, edited 2 times in total.
User avatar
CodenStuff
Site Admin
Site Admin
Posts: 4389
Joined: Tue Aug 04, 2009 1:47 am

Re: HTML OnLive Debugger
CodenStuff
I just wanted to say that this app is looking amazing and it's been designed perfectly for tablets and on the move debugging. You're definitely on to a winner here Mike cooll;
Welcome to CodenStuff.com Learn Code, Love Code. Thank you for being a member of the community.
User avatar
mikethedj4
VIP - Site Partner
VIP - Site Partner
Posts: 2592
Joined: Thu Mar 25, 2010 4:36 am

Re: HTML OnLive Debugger
mikethedj4
I just updated the app on Google Play! Once it's done processing in a few hours you'll be able to use the new version.

It does work on Android 2.0 but some features maynot be supported; as Gingerbread's default browser doesn't support a lot of HTML5, or CSS3. Therefore you can't take advantage of the FileReader API aka load files from phone to editor, or even save files. I tested it using 2.3.4 via BlueStacks and couldn't load, or save. Which doesn't mean it won't work as it all depends on your android version, and default browser. I had no problems testing on 4.0.3.

The source code has been linked on my site, but today it has been added here on Code'N'Stuff for you all to download, use, and tinker with.
CodenStuff wrote:
I just wanted to say that this app is looking amazing and it's been designed perfectly for tablets and on the move debugging. You're definitely on to a winner here Mike cooll;
Thanks bro! If anyone experiences any errors please tell me so they can be fixed.
34 posts Page 3 of 4
Return to “Resources”