I want to run a twitter bootstrap code on tidesdk, does the web page display work like internet explorer, where bootstrap is not fully supported?
In other words what browser would tidesdk interpret the code most likely as. This is for making html and css code to look exactly like I want it to?
It will render similar to Google Chrome as it is a WebKit browser.
See: http://tidesdk.multipart.net/docs/user-dev/generated/#!/guide/getting_started
in conjunction with a WebKit client and a familiar and extensive API
TideSDK uses WebKit as underlying technology. You may find some difficulties as the webkit used is quite old. TideKit is the new technology and the future path for TideSDK users. here is the blog post about the comparison how TideKit would be better than TideSDK https://blog.tidekit.com/post/from-a-desktop-perspective-tidekit-for-tidesdk-developers
Using this example http://www.w3schools.com/tags/tag_datalist.asp
- I have no problem in browser, but it doesn't seem to work in packaged apps.
I am on Chrome v26. Version 26.0.1410.64 m. on Windows.
Not sure what "doesn't seem to work" means, but this bug suggests there are issues with datalist for extensions as well in Chrome. I've added a link to your question there so that when it's fixed, we can update this question.
I'm working on a search page and <datatag> tag seems to be a great addition. Unfortunately I can't make it work in Chrome (it works in Firefox) and most of my users use Chrome.
Does anyone know what is the Chrome way of auto-completing a search box?
Datalst landed in Chrome Canary
So it will probably work in Chrome 20.
JQuery UI Autocomplete plugin, easy to use, and very much effective :) visit JQuery UI Autocomplete
If the <datalist> element isn't supported in the browser yet (which it appears is not the case for the current Chrome), then you will need to use one of the myriad of JavaScript/jQuery based autocomplete polyfills, like jQuery UI Autocomplete.
I found a few articles how clipboard works in IE and Firefox without flash, but I did not find any example regarding to Safari and Chrome. Could somebody share with me example or provide link?
Thank you!
I believe you want to manually set the system clipboard contents from JavaScript running in Safari or Chrome? Unfortunately, this capability was disabled a long while ago due to security reasons (previously, it had been possible to do that using execCommand(), but no more.) Sorry I cannot provide you a link to the respective WebKit bugzilla issue offhand. I'd be curious, though, if someone had a working solution.
Is there anything like Firebug that you can use within Google Chrome?
Essential features I would like:
Inspect HTML source (select elements, delete them, etc.)
check CSS values (the built-in solution is weird, somehow)
There is a Firebug-like tool already built into Chrome. Just right click anywhere on a page and choose "Inspect element" from the menu. Chrome has a graphical tool for debugging (like in Firebug), so you can debug JavaScript. It also does CSS inspection well and can even change CSS rendering on the fly.
For more information, see https://developers.google.com/chrome-developer-tools/
Firebug Lite supports to inspect HTML elements, computed CSS style, and a lot more. Since it's pure JavaScript, it works in many different browsers. Just include the script in your source, or add the bookmarklet to your bookmark bar to include it on any page with a single click.
http://getfirebug.com/lite.html
Just adding some talking points as someone who uses Firebug / Chrome Inspector every day:
At the time of writing, there's only Google DOM inspector and no it doesn't have all the features of Firebug
Inspector is a 'lite' version of Firebug: The interface is not as good IMO, element inspection in both recent versions is now clunky, but Firebug is still better; I find myself trying to find the love for Chrome (since it's a better, faster browser experience), but for development work, it still just sucks for me.
Live preview / modification of DOM / CSS is still way better in Firebug; calculated CSS and box model view are better in Firebug;
Somehow it's just easier to read/use Firebug maybe because of the ease of navigating, manipulating/modifying the document in several key areas? Who knows. I'm used to the interface and I think Chrome Inspector is not as good although this is a subjective thing I admit.
The Cookies/Net tab are extremely useful to me in Firebug. Maybe Chrome Inspector has this now? Last time I checked it did not, because Chrome updates itself in the background without your intervention (gets your consent by default like all good overlords).
Last point: The day that Google Chrome gets a fully-featured Firebug is the day Firefox basically dies for developers because Firefox had 3 years to make Firefox's layout engine Gecko as fast as WebKit and they didn't. Sorry to put it so bluntly but it's the truth.
You see, now everyone wants to move away from Flash in lieu of jQuery motivated by mobile accessibility and interactivity (iPhone, iPad, Android) and JavaScript is 'suddenly' a big deal (that's sarcasm), so that ship has sailed, Firefox. And that makes me sad, as a Mozilla fanperson. Chrome is simply a better browser until Firefox upgrades their JavaScript engine.
F12
I love shortkeys
Try this, it's called Firebug Lite and apparently works with the beta version of Chrome.
You can also find it at:
https://chrome.google.com/extensions/
You can set this bookmarklet in your "Bookmarks Bar" in order to have Firebug lite always available in Chrome/Chromium browser (put this as the URL):
javascript:var firebug=document.createElement('script');firebug.setAttribute('src','http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js');document.body.appendChild(firebug);(function(){if(window.firebug.version){firebug.init();}else{setTimeout(arguments.callee);}})();void(firebug);
Or try user scripts: http://dev.chromium.org/developers/design-documents/user-scripts
jQuerify is the perfect extension to embed jQuery into Chrome Console and is as simple as you can imagine. This extension also indicates if jQuery has been already embedded into a page.
This extension is used to embed jQuery into any page you want. It allows to use jQuery in the console shell (You can invoke Chrome console by Ctrl + Shift + j".).
To embed jQuery into the selected tab click on extension button.
The official Firebug Chrome extension or you can download and package the extension yourself.
https://getfirebug.com/releases/lite/chrome/
Well, it is possible to enable Greasemonkey scripts for Google Chrome so maybe there is a way to sort of install Firebug using this method? Firebug Lite would also work, but it's just not the same feeling as using the full featured one :(
willshouse.com/2009/05/29/install-greasemonkey-for-chrome-a-better-guide/
This doesn't answer your question but, in case you missed it, Chris Pederick's Web Developer is now available for Chrome: https://chrome.google.com/extensions/detail/bfbameneiokkgbdmiekhjnmfkcnldhhm.
Forget everything you all needs this browser independent inspector , dom updater
https://goggles.webmaker.org/en-US
just bookmark and go to any webpage and click that bookmark..
this is actually Mozilla project Goggles , amazing amazing amazing...
F12 (only on Linux and Windows)
OR
Ctrl ⇧ I
(⌥ ⌘ I if you're on Mac)
Please try Firebug Lite for Google Chrome
If you are using Chromium on Ubuntu using the nightly ppa, then you should have the chromium-browser-inspector