Can I manually modify a variable of a JavaScript object at runtime?

Question

This is a silly question, but I was working on an AngularJS app (a simple school project), and wanted to know if there was a way to modify the JavaScript object once it's running in chrome from Chrome's Developer tools. Basically, I have a character and a monster, and I wanted to edit the strength of them in the fight to speed up my debugging process (to avoid setting the value in the source code and then refreshing the page).

My guess is there isn't a way to do that because it could become some "security problem", but I just wasn't sure.

Edit: This is the answer. I just didn't know how to search for it. :)

For editing with AngularJS, drop a line of _debugger;_ in your code and you can inspect (hover over) an object, observe all properties, and it'll pause your browser's JS execution until you step through/into or continue. — Eric McCormick, Apr 18 '15 at 02:16

score 5 · Accepted Answer · answered Apr 18 '15 at 01:22

5

Hit F12
go to the console tab
start executing any javascript.

character.strength = 12 or whatever will work as long as character is globally available.

answered Apr 18 '15 at 01:22

Farzher

13,934
21
69
100

k, Maybe I should edit my question. Would you have any idea of how to find the AngularJS $scope variable? – Jacob Holloway Apr 18 '15 at 01:25
1

@JacobHolloway http://stackoverflow.com/a/13744085/845280 – Farzher Apr 18 '15 at 01:28
I found that right after I asked. :) Thanks. – Jacob Holloway Apr 18 '15 at 01:29

score 0 · Answer 2 · edited May 23 '17 at 12:31

Tons of help came from this answer. I just didn't know how to search for it. :)

The console is my friend...

Hit F12
Go to the console tab
Start executing any javascript:

To get the angular stuff, I needed to:

get to the controller
grab the scope,
then the object
then the value...

So this worked perfectly!

angular.element('[ng-controller=BattleCtrl]').scope().monster.currentHealth = 25

Thanks for your guidance.

Can I manually modify a variable of a JavaScript object at runtime?

2 Answers2