Browser DevTools:
The other tool for
APEX Development

Jorge Rimblas

Twitter: @rimblas

Browser DevTools: The other tool for APEX Development Jorge Rimblas Twitter: @rimblas

Browser DevTools: The other tool for APEX Development

By Jorge Rimblas

Browser DevTools: The other tool for APEX Development

APEX development is not just about Oracle PL/SQL and SQL. In fact, it requires other disciplines to provide an enhanced user experience. With some knowledge of HTML, CSS, and JavaScript, your APEX applications can begin to shine. However, you need a helper to better work with these technologies. If you're running SQL, you may use SQL Developer, but what do you use for HTML, JavaScript, and CSS? Enter DevTools. In this session, we'll cover the built-in DevTools available in all modern browsers. Learn the ins and outs of these tools and how they improve your everyday work with Apex. They are easy to use. No installation required and a just keystroke away. After attending this session, you'll be able to use your browser's Dev Tools immediately.

5 years ago
3,381

	$v("{ITEM}");


	// Get page PK
	$v("P30_ID");

	// Long form
	apex.item("P30_ID").getValue()

	$v("{ITEM}");


	// Get page PK
	$v("P30_ID");

	// Long form
	apex.item("P30_ID").getValue()

	$s("{ITEM}", "{VALUE}");


	// Set to today
	$s("P30_LOG_DATE", "&P30_TODAY.");


	// Clear date
	$s("P30_LOG_DATE", "");

	// Long form
	apex.item("P101_USERNAME").setValue();

	$s("{ITEM}", "{VALUE}");


	// Set to today
	$s("P30_LOG_DATE", "&P30_TODAY.");


	// Clear date
	$s("P30_LOG_DATE", "");

	// Long form
	apex.item("P101_USERNAME").setValue();

	$x("{ITEM}");


	// Get page PK
	$x("P30_ID");

	// Long form
	apex.item("P101_USERNAME").node

	> console.log("message");
	message

	> var savepos = 273;
	> console.log(savepos);
	273

	> console.log({savepos});
	{savepos:273}