extension ExtPose

Knockoutjs context debugger

CRX id

oddcpmchholgcjgjdnfjmildmlielhof-

Description from extension meta

Shows the knockout context & data for the selected dom node in a sidebar of the elements pane.

Image from store Knockoutjs context debugger
Description from store Knockoutjs debugging extension. Adds a extra sidebar in the elements pane of the chrome dev tools with the relevant knockout context and data for the selected element. Very usefull if you got large/nested viewmodels. Allows to add tracing to every observable/computed. Allows to edit observables from the console.(https://github.com/timstuyckens/chromeextensions-knockoutjs/wiki/Editing-viewmodel-binding-values) Source code is on github: https://github.com/timstuyckens/chromeextensions-knockoutjs MIT license. Tip (based on comments) You can view the content of any observable in the viewmodel in the '$root_toJS' variable.

Latest reviews

  • (2021-09-01) Taras Kovryzhenko: Works only in old versions of chromium-based browsers. I set up Opera 76 and debug there
  • (2021-08-26) Shiva ora: this knockout context debugger stopped showing knock out variable in elements tab after i updated chrome can anyone help me out.
  • (2021-08-24) Patrick Weiß: chrome >v.92 workaround: Create a live expression in your console and take this: if (window.last$0 !== $0) { window.last$0 = $0; console.log('\n\n-------------- Knockout $data ------------\n', 'element:', $0, '\n data:', ko.toJS(ko.dataFor($0)),'\n context:', ko.contextFor($0));}
  • (2021-08-18) Deepak Kumar: No longer working on Chrome. Workaround : use firefox plugin. https://addons.mozilla.org/en-US/firefox/addon/knockoutjs-context/
  • (2021-08-18) Vasiliy Smoliar: Doesn't work any more in latest chrom.
  • (2021-08-17) Tiger Darling: Doesn't work any more in latest chrom.
  • (2021-08-12) Byns Ru: Не работает в 92 версии хрома
  • (2021-08-09) Josh Bourke: Doesn't work anymore with latest Chrome
  • (2021-08-06) uiqman: Does not work as per latest chrome update
  • (2021-07-28) Anurag kurmi: not working in latest chrome update.
  • (2021-07-27) Gustavo Serão: Its not working with new versions of chrome!
  • (2021-07-27) Huân Trương: some time it error when click to knockout context, it nothings
  • (2021-07-26) Kiran Kumar: Stopped working after updating the Chrome version to 92.0.4515.107 (Official Build) (64-bit)
  • (2021-07-26) moon plant: No data are showing on the Knockout out debugger screen as of today.
  • (2020-11-10) Griffork: Can't write Knockout without it! WARNING: Make sure you don't enable tracing, it will cause the entire page to lag and then freeze on bigger projects. It's also recommended to turn off serialisation to reduce memory usage (by clicking on the extension's icon in the top-right of chrome and then clicking options).
  • (2020-01-28) Vivek Pandey: Fantastic
  • (2020-01-15) Stephane Berube: broken in 2020
  • (2019-03-01) Ron McCranie: Doesn't work. Either that, or it's extremely confusing to get it to work. Looking for something easy.
  • (2019-01-23) Mohammed Farhadur Rahman: I've been using this extension for a couple years now. I think it's essential for Magento front end development where KO is used.
  • (2018-11-26) Attila Tóth: I used to rely on it, but it's not working for me with 3.5.0 RC2.
  • (2018-06-14) Daniel Clarke: Good for checking on knockout contexts in dev tools, but my god, it becomes slow as treacle even on the smallest of views, will remove from chrome now. would recommend if in a real bind, would not recommend for day to day use.
  • (2018-05-14) Ben Ashley - JLUK: Does what it says but limited filtering options for suggestions vs issues.
  • (2018-04-20) Phillippa Hutton: cant live without this
  • (2018-03-16) Krunal Parmar: Not able to see values in Knockout Context panel. Can only see observables only No way to dig into obesrvable.
  • (2018-02-09) MrOnosa: I'm going to parrot what Andy Hawkins said two years ago: !!! If you experience slowness when debugging in the elements tab !!! Go to extensions and then options and turn off the first checkbox for serialization. This will fix the issue.
  • (2018-02-08) Steve Ottenad: Its a valuable tool, but only because there are none else like it. There is a memory leak or something that routinely crashes my tab.
  • (2018-01-25) Andrew Hood: Invaluable tool for doing coding with KOjs. Thanks a bundle.
  • (2017-09-14) Paul Hoke: Great tool. I don't know how I could do my job without it.
  • (2017-08-17) David R. Noel: Necessary for development in any Knockout environment.
  • (2017-08-17) MobiusHorizons: Apparently this no longer functions in recent versions of chrome. I was unable to get it to show up.
  • (2017-07-10) Chris Hawkes: doesn't work
  • (2017-07-10) Nomadic Soul: awesome
  • (2017-06-10) Yaniv Abo: Grate Tool
  • (2017-05-24) Michael Broussard: Works great
  • (2017-04-26) Albert Puig: Está muy bien para proyectos simples. Con iframes no funciona.
  • (2017-04-01) Jean-Sebastien Binette: So far so good. THANK YOU!!
  • (2017-01-17) Michael Pavlak: Must have tool when developing a Knockout application. I have worked on several applications of decent size and never ran into any performance issues noted by others. I imagine that if you have performance issues, your models are probably insane. :)
  • (2017-01-12) Dave Lee: Very good,thanks
  • (2017-01-10) Dirk Reuschling: It's good to see whats in the model, but it breaks the Chrome process with a "Ah Snap" message when I check the properties of a specific html element.
  • (2017-01-04) Karmjit Singh: Awesome, must have for each knockout developer
  • (2016-12-14) Puneet Bhasin: This is invaluable tool for knockout. A must have!
  • (2016-11-30) Giovanni Quarella: Good

Latest issues

  • (2021-09-10, v:2.6.3) Vitaliy: Knockout Debugger not working
    Doesn't work in the latest version of Chrome ( Version 93.0.4577.63 (Official Build) (64-bit) )
  • (2021-08-17, v:2.6.3) Paul Hayman: Shame it's stopped working
    This is a great extension, shame it's no longer compatible in the latest chrome. If it's no longer supported, can anyone reccomend a good alternative?
  • (2021-08-16, v:2.6.3) Rafael Suarez: compatibility
    Need some help in making chrome v.92 compatible?
  • (2021-08-13, v:2.6.3) Anjana Girish: KO Debugger not working for latest chrome version.
    Please provide an immediate fix.
  • (2021-08-09, v:2.6.3) Neil Cochrane: Not working in Chrome 92
    In the meantime use something like: require("knockout").dataFor(document.querySelector('.your-selector')); to reveal knockout details for elements in the console.
  • (2021-08-09, v:2.6.3) Pratik Dalvi: Need a fix for Knockout debugger very soon.
    Knockout debugger is not working with Chrome's new update V92.0. Without this extension it's very tedious to work with knockout. Please fix this as soon as possible.
  • (2021-08-06, v:2.6.3) Prasanth Kumar: Suddenly stopped working
    Suddenly stopped working
  • (2021-08-06, v:2.6.3) Abraham Thomas: Not working anymore
    It was a good extension till last month. Stopped working now please fix.
  • (2021-08-04, v:2.6.3) Dan C: Latest Chrome update breaks functionality
    The latest Chome update seems to have broken the main functionality, causing the Knockout context tab to be completely blank.
  • (2021-08-03, v:2.6.3) Venkatesh Nalla: Not Working on latest update from Chrome and Brave V92
    Cant see the context at all
  • (2021-07-30, v:2.6.3) Pratik Dalvi: Knockout Debugger not working
    Not able to use knockout extension after the new Chrome Update
  • (2021-07-29, v:2.6.3) E karam: Big issue
    Knockout doesn't show content
  • (2021-07-26, v:2.6.3) James Ripley: Extension panel blank after Chrome update
    Version 92.0.4515.107 (Official Build) (64-bit) Looks to break the extensions panel completely so it is unusable, worked fine on V91 and previous.
  • (2021-07-22, v:2.6.3) Libor Fischmeistr: Stopped working after Chrome update
    This extension stopped working (shows nothing in Knockout context tab in CDT) after update to Chrome Version 92.0.4515.107 (Official Build) (64-bit). Worked with previous stable version. On Linux and Mac. Cannot verify on Windows.
  • (2021-03-12, v:2.6.3) SUMAN MOGILICHARLA: Enable trace is not working
    Enable trace is not working. Once I refresh the page the button is resetting to Enable trace.
  • (2020-10-15, v:2.6.3) AAYUSH UPADHYAYA: Steps to debug the Knockout JS code with MVC
    Hi, Please could you share the steps to debug the code with MVC.
  • (2020-05-08, v:2.6.3) Rakshith Suvarna: Knockout context debugger error
    Hi, i am getting the following error when i select an element to view its knockout context on sidebar. ExtensionError: TypeError: Cannot convert undefined or null to object at Function.getOwnPropertyNames (<anonymous>) at <anonymous>:49:22 at <anonymous>:128:3 info: "Please select a dom node with ko data." I did select a dom node with knockout binding attached to it. still its throwing this error
  • (2020-01-22, v:2.6.3) Tevis Woods: Port for new Microsoft Edge
    I was hoping you could port this awesome tool to the new Microsoft Edge browser, which runs on the same engine as chrome. They offer a porting solution here: https://docs.microsoft.com/en-us/microsoft-edge/extensions/guides/porting-chrome-extensions Thank you!
  • (2019-12-17, v:2.6.3) Cristian Ferrero: Problem with the order of the attributes
    Hi. I use the plugin daily, from today I noticed that the attributes are disordered (previously shown in alphabetical order). This makes it very difficult to find attributes in very large contexts. Is there any way to solve it? Thanks for all. Regards.
  • (2018-11-10, v:2.6.3) Why this very cool and useful extension is not getting updates?
    Consider updating this extension please, it's great but many developers are facing some issues mostly with new knockout js versions and browser updates as well.
  • (2018-02-05, v:2.6.3) Adrian Barglazan: sometimes chrome crashes
    Hello, It happened multiple times that chrome crashed - actually freezed - when I click on inspect some pages which contain knockout. It is not something that I can reproduce - happens from time to time
  • (2018-01-11, v:2.6.3) Rodica Cladicov-Walker: knockout.js is not used in the page (ko is undefined).
    I am getting this error in the ko tab: knockout.js is not used in the page (ko is undefined). Why?
  • (2017-11-13, v:2.6.3) Kirill Penkin: reference a ko context from global scope
    it's a great thing you can see a ko context attachet to an element. It'd even better to be able to reference it from console. We use ko with durandal.js, so all our view models are hidden in their scopes and as a result i need my debug be attached to a vm's life cycle. If I could choose an element and then reference it's vm (the variable I see in knockout context window) it'd help me a lot. Is this feature available somehow?
  • (2017-09-08, v:2.6.3) Santhosh G: Disabled KnockoutJs context debugger icon
    Added Knockoutjs context debugger but it is disabled. Tried all ways, but there is no use. Help me on this.
  • (2017-04-05, v:2.6.3) John Pavek: Add Tracing to extension button menu
    Would it be possible to have the extension button menu also contain the Enable tracing command? It would be a nice quality of life perk. Thanks!
  • (2017-01-29, v:2.6.3) Omar AlJaber: obsrevable
    the observable coming as function, is there any way to display the values of the observable
  • (2017-01-06, v:2.6.3) Barry Owens: Webpack error fixed
    When using webpack and error is shown: "knockout.js is not used in the page (ko is undefined)" A fix for this is to expose knockout globally using: var ko = require('knockout'); window.ko = ko; Might be worth including in the overview or else implementing a fix to avoid the error
  • (2016-03-31, v:2.6.3) Squiggley Woo: Webpack
    Hi there, I have been using this marvellous debugger for a while and find it invaluable but after switching to webpack to package my javascript and css it no longer works I get "knockout.js is not used in the page (ko is undefined). Maybe you are using iFrames, if so, browse to the url of the frame and try again." when I try to use it. Can you help please?
  • (2016-03-08, v:2.6.3) jenish rabadiya: Why does this app needs the permission for "Read and change all your data on the websites you visit"
    It has no doubt that this is the great extension for developer but i am very enthusiastic to know what is the reason app is asking for this permission and how app utilize this permission to provide great debugging experience to the developer.

Statistics

Installs
30,000 history
Category
Rating
4.3 (185 votes)
Last update / version
2014-08-07 / 2.6.3
Listing languages
en

Links