How to Deal with Annoying Scratchpad

Scratchpad is a tool which is include in Mozilla Firefox browser. It is is essentially a live JavaScript editor and prototyping tool. You can access it through menu Tools -> Web Developer Scratchpad. Or you can just simply open it using shortcut Shift+fn+F4 (In Mac OS X).

Unlike other tools such as Web Console or Firebug, Scratchpad lets you edit larger chunks of JavaScript code, then execute it in various ways depending on how you want to use the output. It wont interpreting single line of code at a time. Using the Scratchpad, a developer can access the current page’s objects, variables and script. In addition, complete functions can be written and tested in the editor within the scope of the live page. These changes can then be attached and saved with the current application.

Although this tools is very handly and friendly for developer, for some people it can be annoying and irritating. There are complaints about it. Eg, sometimes, when you start to type in an email or a form, Javascript Scratchpad opens, and you’re typing in that window. Or Scratchpad is just opened whenever you open a browser tab and accessing a website.

So how to deal with that?

1. Start Firefox in Safe Mode to check if one of the extensions or if hardware acceleration is causing the problem (switch to the DEFAULT theme: Firefox/Tools > Add-ons > Appearance/Themes). To do the Safe mode, follow these steps:

Click on menu icon in the top right of your Firefox browser
Click on menu icon in the top right of your Firefox browser and click on icon “?” next to Cuztomize
mozilla-ffx-safemode-02
Choose Restart with Add-ons Disable
mozilla-ffx-safemode-03
Confirmation to restart Firefox

mozilla-ffx-safemode-04

2. Various Web Developer tools each have their own pref on the about:config page to enable or disable them.

  •     devtools.scratchpad.enabled
  •     devtools.inspector.enabled

Follow these steps:

mozilla-ffx-config-01
type about:config in your address bar
mozilla-ffx-scratchpad-03
search for devtools.inspector.enabled and set it to false by double click on it
mozilla-ffx-scratchpad-02
search for devtools.scratchpad.enabled and set it to false by double click on it

Set those configs to false on the about:config page to disable the Scratchpad. All you need to do is just double click on those settings to toggle it true/false.

That should work. If it doesn’t, then you can try to reset your Firefox settings back to its factory default :)

Ref:

 

Dropbox luncurkan Datastore dan Drop-Ins API

dropbox_4-vflp1DQc7Sepertinya kalau kita ngomongin cloud storage, salah satu nama yang hampir pasti akan selalu kesebut adalah Dropbox. Nah baru-baru ini, Dropbox baru saja meluncurkan 2 API yang cukup powerdul yaitu Datastore API dan Drop-Ins API. 2 API ini makin menegaskan saja kalo Dropbox sekarang ga cuman bermain di segmen file storage biasa tapi menyentuh ke level aplikasi.

dropbox_datastore

Nah yang pertama, Datastore API.
API ini dapat menyimpan data terstruktur apa saja atau metadata dari sebuah aplikasi. Nah, hal ini membuat para developer dapat melindungi data pelanggan mereka bahkan saat mereka melakukan perubahan data secara offline sekalipun. Ini berguna banget buat layanan-layanan yang butuh sinkronisasi kaya to-do list, addressbook, atau layanan lain yang datanya diakses lintas device, lintas platform online maupun offline. SDK nya sudah ada untuk iOS, Android dan JavaScript.

dropbox_dropinsKemudian Drop-Ins API yang terdiri dari 2 segmen yaitu Chooser dan Saver yang memudahkan pengguna untuk mengakses file dari Dropbox atau menyimpan file ke dalam dropbox dari aplikasi lain. Chooser saat ini tersedia untuk iOS dan Android sementara Saver saat ini untuk webapps saja.

Jadi, para developer sekarang tidak perlu ribet. Karena 2 API tadi adalah salah satu upaya Dropbox membantu pengembang membuat aplikasi cross platform untuk membuat aplikasi dengan dropbox sebagai backend. Ada yang sudah mulai nyoba-nyoba API nya?

Firefox OS Simulator 3.0

ffx-simulator-homeMozilla barus aja meluncurkan Firefox OS Simulator v3.0 dengan berbagai macam fiturnya.
Bagi yang belum tahu dan pingin mencoba, Firefox OS Simulator ini sebenarnya cuman extension dari browser Firefox saja. Jadi bisa running di berbagai macam sistem operasi komputer seperti Mac, Linux maupun Windows.

Fitur-fitur yang diberikan di versi 3.0 ini antaranya:

  • Push to Device
    • Nah, kayanya ini fitur yang paling keren. Jadi kalo kita punya device yang support Firefox OS, dari simulator tadi kita bisa langsung push/deploy aplikasi yang sudah kita buat langsung ke device kita.
    • Pastikan kita mengaktifkan Settings > Device information > More Information > Developer > Remote debugging dari simulatornya.
  • Rotation simulation
    • Bisa mode landscape tampilan simulator.ffx-simulator-portrait
      Portraitffx-simulator-landscape
      Landscape
  • Basic geolocation API simulation
  • Manifest validation
    • Saat kita menambahkan app ke simulatr, manifest kita akan dicek apakah ada error atau warnings. Ga cuman untuk cari mencegah app kita tadi ga jalan di simulator tapi juga apakah kita menggunakan API yang belum ada di simulator, kemudian memastikan tidak ada properties yang dibutuhkan FIrefox Marketplace/devicenya yang ketinggalan
  • Perbaikan stabilitas respon saat melakukan instalasi ataupun update apps
  • Versi baru dari Gaia dan rendering engine Firefox

Berikut ini adalah cara mengaktifkan mode Remote Debugging di Firefox OS Simulator

ffx-simulator-ptd-1 ffx-simulator-ptd-2
ffx-simulator-ptd-3 ffx-simulator-ptd-4
ffx-simulator-ptd-5