Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Browser Developer Tools

1,802 views

Published on

Mit Oracle Application Express entwickelt man Webapplikationen die im Browser aufgerufen und ausgeführt werden. Das Entwickeln im Browser erfordert andere, für den klassischen Oracle Entwickler oft neue, Techniken und Tools. Nahezu alle modernen Browser besitzen integrierte Development Tools, die es uns möglich machen das Verhalten und Styling einer APEX Applikation im Browser zu untersuchen und zu beeinflussen. In meiner Präsentation werde ich die verschieden Tools und ihren Einsatz mit Oracle Application Express vorstellen, mit Tipps und Tricks für sowohl den beginnenden als auch den fortgeschrittenen Entwickler.

(DOAG 2014 Development - Community-Konferenz für Entwickler)

Published in: Technology, Design
  • Writing good research paper is quite easy and very difficult simultaneously. It depends on the individual skill set also. You can get help from research paper writing. Check out, please ⇒ www.HelpWriting.net ⇐
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • You might get some help from ⇒ www.HelpWriting.net ⇐ Success and best regards!
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • DOWNLOAD THE BOOK INTO AVAILABLE FORMAT (New Update) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { https://urlzs.com/UABbn } ......................................................................................................................... Download Full EPUB Ebook here { https://urlzs.com/UABbn } ......................................................................................................................... Download Full doc Ebook here { https://urlzs.com/UABbn } ......................................................................................................................... Download PDF EBOOK here { https://urlzs.com/UABbn } ......................................................................................................................... Download EPUB Ebook here { https://urlzs.com/UABbn } ......................................................................................................................... Download doc Ebook here { https://urlzs.com/UABbn } ......................................................................................................................... ......................................................................................................................... ................................................................................................................................... eBook is an electronic version of a traditional print book THE can be read by using a personal computer or by using an eBook reader. (An eBook reader can be a software application for use on a computer such as Microsoft's free Reader application, or a book-sized computer THE is used solely as a reading device such as Nuvomedia's Rocket eBook.) Users can purchase an eBook on diskette or CD, but the most popular method of getting an eBook is to purchase a downloadable file of the eBook (or other reading material) from a Web site (such as Barnes and Noble) to be read from the user's computer or reading device. Generally, an eBook can be downloaded in five minutes or less ......................................................................................................................... .............. Browse by Genre Available eBOOK .............................................................................................................................. Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, CookBOOK, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult, Crime, EBOOK, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, ......................................................................................................................... ......................................................................................................................... .....BEST SELLER FOR EBOOK RECOMMEND............................................................. ......................................................................................................................... Blowout: Corrupted Democracy, Rogue State Russia, and the Richest, Most Destructive Industry on Earth,-- The Ride of a Lifetime: Lessons Learned from 15 Years as CEO of the Walt Disney Company,-- Call Sign Chaos: Learning to Lead,-- StrengthsFinder 2.0,-- Stillness Is the Key,-- She Said: Breaking the Sexual Harassment Story THE Helped Ignite a Movement,-- Atomic Habits: An Easy & Proven Way to Build Good Habits & Break Bad Ones,-- Everything Is Figureoutable,-- What It Takes: Lessons in the Pursuit of Excellence,-- Rich Dad Poor Dad: What the Rich Teach Their Kids About Money THE the Poor and Middle Class Do Not!,-- The Total Money Makeover: Classic Edition: A Proven Plan for Financial Fitness,-- Shut Up and Listen!: Hard Business Truths THE Will Help You Succeed, ......................................................................................................................... .........................................................................................................................
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT (Unlimited) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download Full EPUB Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... ACCESS WEBSITE for All Ebooks ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download EPUB Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download doc Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • DOWNLOAD FULL BOOKS, INTO AVAILABLE FORMAT ......................................................................................................................... ......................................................................................................................... 1.DOWNLOAD FULL. PDF EBOOK here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... 1.DOWNLOAD FULL. EPUB Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... 1.DOWNLOAD FULL. doc Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... 1.DOWNLOAD FULL. PDF EBOOK here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... 1.DOWNLOAD FULL. EPUB Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... 1.DOWNLOAD FULL. doc Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Browser Developer Tools

  1. 1. Christian Rokitta Development 2014
  2. 2. Oracle Application Express
  3. 3. Oracle Developer IDE’s SQL Developer, TOAD, PLSQL Developer, SQL-Plus … Edit Compile Debug Search Export/Import …
  4. 4. Oracle APEX Developer Application Builder Development Framework Edit Run Debug Search Export/Import …
  5. 5. Web Development HTML APEX → Web Application CSS JavaScript Structure Presentation Interaction Web Browser
  6. 6. What are Browser Developer Tools? • Built in to the browser • Usually reached with: – F12 on Windows – ⌘, ⌥ and "i" on Mac – Right Click > Inspect Element • No more alert()
  7. 7. Your Favorite Browser?
  8. 8. Browser Development Tools • HTML – inspect/edit • CSS – inspect/edit (/validate) • JavaScript – inspect/edit/debug/console • Network – monitor/trace/performance
  9. 9. Browser Development Tools • Responsive Web Design – Resize?! – Build-in tools • Browser Version emulation – IE11 • Mobile Device emulation/integration
  10. 10. Device Emulation
  11. 11. Device Integration
  12. 12. Demo
  13. 13. Tips & Tricks Use the console in any panel In Chrome and Opera, press the Esc key. In IE11, the keyboard shortcut is Ctrl + '. Safari has a small console prompt available below the main panel by default. View available CSS properties Chrome, IE11, Opera 15 and Safari: view the available CSS properties on an attribute by pressing Ctrl and Space when the CSS attribute field is blank.
  14. 14. Tips & Tricks Reference the current or previously selected DOM element If you have an element currently selected in your DOM, you can use the reference $0 to call it within your code. Reference the current or previously selected DOM element Retrieve elements you have previously highlighted by using $1 - $4. In Firebug, use $n(2) - $n(5).
  15. 15. Tips & Tricks Chrome's Workspace Allows you to make changes from the developer tools and automatically update your source files. In Sources menu and right-click on one of your CSS or JavaScript files. Select Map to Network Resource and from the file list that appears and choose the file that matches your selection. You can now make changes to your CSS and JavaScript from within the developer tools and your files will automatically update.
  16. 16. Compare Developer Tools* • Chrome Developer Tools have the best feature set and the most frequent updates. • Firefox Developer Tools are catching up; no real need for FireBug anymore. • Opera (21) Dev Tools = Chrome Dev Tools • I don’t like Safari Developer Tools, I’m using FireBug Lite extension. • Internet Explorer 11 has great Developer Tools, IE9/10 were poor. * my personal opinion
  17. 17. Productivity
  18. 18. Training • Einführung in Oracle Application Express: 08.-12. September – online • HTML, CSS und Javascript in Oracle Application Express: 06.-10. Oktober – online • Advanced Oracle Application Express (APEX) Workshop: 22.-26. September - online http://www.skillbuilders.com/
  19. 19. Questions & Discussion http://rokitta.blogspot.com @crokitta christian@rokitta.nl http://www.themes4apex.com http://plus.google.com/+ChristianRokitta http://nl.linkedin.com/in/rokit/

×