Select profiling type
-
Heap snapshot
-
-
Heap snapshot profiles show memory distribution among your page’s JavaScript objects and related DOM nodes.
-
-
-
-
+
+ Start cpu profiler
+
+
+
+
+ Start memory profiler
+
+
+
+
Heap snapshot
+
+
Heap snapshot profiles show memory distribution among your page’s JavaScript objects and related DOM nodes.
+
+
+
+
+
Interval(Available on recent OpenHarmony 4.0)
+
+
+ S
+
-
-
-
Allocation insteumentation on timeline
-
-
Allocation timelines show insturmented Javascript memory allocations over time. Once profile is recorded you can select a time interval to see objects that werre allocated within it and still alive by the end of recording. Use this profile type to isolate memory leaks.
-
-
-
+
Allocation insteumentation on timeline
+
+
Allocation timelines show insturmented Javascript memory allocations over time. Once profile is recorded you can select a time interval to see objects that werre allocated within it and still alive by the end of recording. Use this profile type to isolate memory leaks.
+
+
+
+
-
+ 、div>
`;
}
diff --git a/ide/src/trace/component/setting/SpCheckDesBox.ts b/ide/src/trace/component/setting/SpCheckDesBox.ts
index 584258e58ec3e732cea732e2a2a0d597151538cd..9a950e7150c7b69735a2fee6f1c2b014f32dd964 100644
--- a/ide/src/trace/component/setting/SpCheckDesBox.ts
+++ b/ide/src/trace/component/setting/SpCheckDesBox.ts
@@ -22,7 +22,19 @@ export class SpCheckDesBox extends BaseElement {
private _des: HTMLSpanElement | undefined;
static get observedAttributes() {
- return ['checked', 'value', 'des'];
+ return ['checked', 'value', 'des', 'disabled'];
+ }
+
+ get disabled() {
+ return this.getAttribute('disabled') !== null;
+ }
+
+ set disabled(value) {
+ if (value === null || value === false) {
+ this.removeAttribute('disabled');
+ } else {
+ this.setAttribute('disabled', '');
+ }
}
set des(des: string) {
@@ -75,8 +87,11 @@ lit-check-box {
#des-con{
margin-left: 30px;
}
+:host([disabled]){
+ pointer-events: none;
+}
-
+
`;
diff --git a/ide/src/trace/component/setting/SpProbesConfig.ts b/ide/src/trace/component/setting/SpProbesConfig.ts
index dc22cc6083822efde91af7431caca80599423a2b..20980849e2c0d2a960889d49198c4ca80e754aa5 100644
--- a/ide/src/trace/component/setting/SpProbesConfig.ts
+++ b/ide/src/trace/component/setting/SpProbesConfig.ts
@@ -239,10 +239,10 @@ export class SpProbesConfig extends BaseElement {
litCheckBox.checked = hitraceConfig.isSelect;
litCheckBox.addEventListener('change', (ev: CustomEventInit
) => {
let detail = ev.detail;
- if (this.hitrace?.checked == false) {
+ if (this.hitrace?.checked === false) {
this.hitrace.checked = detail!.checked;
}
- if (detail!.checked == false && this.hitrace?.checked == true) {
+ if (detail!.checked === false && this.hitrace?.checked === true) {
let hasChecked = false;
const nodes = parent?.querySelectorAll(`lit-check-box[name=userEvents]`);
nodes.forEach((vv) => {
@@ -293,7 +293,7 @@ export class SpProbesConfig extends BaseElement {
ftraceBuffSizeResultInput.style.color = 'var(--dark-color1,#000000)';
ftraceBuffSizeResultInput.parentElement!.style.backgroundColor = 'var(--dark-background5,#F2F2F2)';
ftraceBuffSizeResultInput.style.backgroundColor = 'var(--dark-background5,#F2F2F2)';
- if (ftraceBuffSizeResultInput.value.trim() == '') {
+ if (ftraceBuffSizeResultInput.value.trim() === '') {
ftraceBuffSizeResultInput.style.color = 'red';
ftraceBufferSizeSliderParent.setAttribute('percent', '20480');
return;
@@ -315,7 +315,7 @@ export class SpProbesConfig extends BaseElement {
}
});
ftraceBuffSizeResultInput.addEventListener('focusout', (ev) => {
- if (ftraceBuffSizeResultInput.value.trim() == '') {
+ if (ftraceBuffSizeResultInput.value.trim() === '') {
ftraceBuffSizeResultInput.parentElement!.classList.remove('border-red');
ftraceBufferSizeSliderParent.setAttribute('percent', '20480');
ftraceBuffSizeResultInput.value = '20480';
diff --git a/ide/src/trace/component/setting/SpRecordTemplate.ts b/ide/src/trace/component/setting/SpRecordTemplate.ts
index 57385e528f8fb4ae4a8e7a49f721897aa00cc9ad..0ee2ec7ec02e9fe9de06ff67b07c9797f2379713 100644
--- a/ide/src/trace/component/setting/SpRecordTemplate.ts
+++ b/ide/src/trace/component/setting/SpRecordTemplate.ts
@@ -79,37 +79,34 @@ export class SpRecordTemplate extends BaseElement {
private frameTimeline: LitSwitch | undefined | null;
private schedulingAnalysis: LitSwitch | undefined | null;
private appStartup: LitSwitch | undefined | null;
+ private taskPoolEl: LitSwitch | undefined | null;
+ private dynamicEffectEl: LitSwitch | undefined | null;
initElements(): void {
this.frameTimeline = this.shadowRoot?.querySelector('#frame_timeline');
this.schedulingAnalysis = this.shadowRoot?.querySelector('#scheduling_analysis');
this.appStartup = this.shadowRoot?.querySelector('#app_startup');
- this.frameTimeline!.addEventListener('change', (event: CustomEventInit) => {
- let detail = event.detail;
- if (detail!.checked) {
- this.dispatchEvent(new CustomEvent('addProbe', {}));
- }
- });
- this.appStartup!.addEventListener('change', (event: CustomEventInit