firefox-devtools / debugger-examples Goto Github PK
View Code? Open in Web Editor NEWCollection of good debugging examples
Home Page: https://firefox-devtools.github.io/debugger-examples/
License: Creative Commons Zero v1.0 Universal
Collection of good debugging examples
Home Page: https://firefox-devtools.github.io/debugger-examples/
License: Creative Commons Zero v1.0 Universal
change title to "Debugger Examples"
Update getting started docs to include something about helping add more examples
In the Outline view we use a SVG to show a "lamba" letter before functions.
Turns out there is a unicode sign for lambda: λ
This does not look too bad I think (even better I'd say) :
Also, we know SVG can be perf sensitive, so having a plain text here is probably better.
WIP:
diff --git a/src/components/PrimaryPanes/Outline.css b/src/components/PrimaryPanes/Outline.css
index 382c214b..e4397f3c 100644
--- a/src/components/PrimaryPanes/Outline.css
+++ b/src/components/PrimaryPanes/Outline.css
@@ -43,6 +43,10 @@
white-space: nowrap;
}
+.outline-list__class .outline-list__element {
+ padding-inline-start: 2rem;
+}
+
.outline-list__element:hover {
background: var(--theme-toolbar-background-hover);
}
diff --git a/src/components/PrimaryPanes/Outline.js b/src/components/PrimaryPanes/Outline.js
index 8d1fe746..9c6c6dc0 100644
--- a/src/components/PrimaryPanes/Outline.js
+++ b/src/components/PrimaryPanes/Outline.js
@@ -9,7 +9,6 @@ import { bindActionCreators } from "redux";
import { connect } from "react-redux";
import actions from "../../actions";
import { getSelectedSource, getSymbols } from "../../selectors";
-import Svg from "../shared/Svg";
import "./Outline.css";
import PreviewFunction from "../shared/PreviewFunction";
@@ -55,13 +54,12 @@ export class Outline extends Component<Props> {
className="outline-list__element"
onClick={() => this.selectItem(location)}
>
- <Svg name="function" />
- <PreviewFunction func={{ name, parameterNames }} />
+ λ <PreviewFunction func={{ name, parameterNames }} />
</li>
);
}
The website for Sensor Web is throwing a 404 error
The header for todomvc is not clickable, but you would expect it to
As of January 1 2019, Mozilla requires that all GitHub projects include this CODE_OF_CONDUCT.md file in the project root. The file has two parts:
If you have any questions about this file, or Code of Conduct policies and procedures, please reach out to [email protected].
(Message COC001)
When using the examples over https://firefox-dev.tools/debugger-examples/
The CDN scripts are not loading via http on this https site.
tables in the README file are broken in the following
Examples
||| |---|---| | pythagorean| example of scopes| | Evals| different evals | | Debugger Statements|| | exceptions| different caught / uncaught exceptions| | large objects| large arrays / objects | | objects| objects | | promises|| | iframe|pausing in an iframe| | large-files|| | localStorage Keys|| | Optimized Away Variable|| | typescript - greeter|| | coffeescript - tutorial|| | Create React App - (jsx, flow)|| | asm.js||
Source Maps
||| |---|---| | increment| a simple source map example| | source mapped js.min files| simple webpack example|
Local Test Pages
||| |---|---| |asm|| |debugger-statements|| |exceptions|| |frames|| |iframes|| |minified|| |return-values|special scope variables | |script-switching|| |scripts|| |sources|| |sourcemap-bogus|| |sourcemaps|| |sourcemaps2||
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.