.html
 
<ion-header>
  <ion-toolbar color="primary" mode="ios">
      <ion-buttons slot="start">
          <ion-back-button mode="ios"></ion-back-button>
      </ion-buttons>
      <ion-title>
          快速定位
      </ion-title>
      <ion-buttons slot="end">
          <ion-button icon-only (click)="backHome()">
              <ion-icon name="home"></ion-icon>
          </ion-button>
      </ion-buttons>
  </ion-toolbar>

  <ion-slides #slider class="top_slides" pager="false" [options]="slideOpts">
    <ion-slide *ngFor="let slide of slides; let i = index;" (click)="changeCurrentTab(i)">
      <span [ngClass]="{'high-light': i == current_tab}"  class="slide-title-unit"> {{slide}} </span>
    </ion-slide>
  </ion-slides>

</ion-header>


<ion-content scrollEvents="true" (ionScrollEnd)="contentScroll($event)">
  <ion-card class="section_0">
    <ion-card-content>
      第一部分
    </ion-card-content>
  </ion-card>
  <ion-card class="section_1">
    <ion-card-content>
      第二部分
    </ion-card-content>
  </ion-card>
  <ion-card class="section_2">
    <ion-card-content>
      第三部分
    </ion-card-content>
  </ion-card>
  <ion-card class="section_3">
    <ion-card-content>
      第四部分
    </ion-card-content>
  </ion-card>
  <ion-card class="section_4">
    <ion-card-content>
      第五部分
    </ion-card-content>
  </ion-card>
  <ion-card class="section_5">
    <ion-card-content>
      第六部分
    </ion-card-content>
  </ion-card>
  <ion-card class="section_6">
    <ion-card-content>
      第七部分
    </ion-card-content>
  </ion-card>
</ion-content>
 
.ts
 
import { Component, OnInit, ElementRef,ViewChild} from '@angular/core';
import { ActivatedRoute } from '@angular/router';

@Component({
  selector: 'app-fast-positioning',
  templateUrl: './fast-positioning.page.html',
  styleUrls: ['./fast-positioning.page.scss'],
})
export class FastPositioningPage implements OnInit {

  //反向快速定位解决方案
  // 页面滚动时动态更新TAB的高亮状态
  // 1.需要在constructor 中声明 private elementRef: ElementRef,
  // 2.把HTML模板中的每一个区块加上class="section_*"（不要用ID）
  // 3. ion-content 加属性 <ion-content scrollEvents="true" (ionScrollEnd)="contentScroll($event)">
  @ViewChild("slider", { static: false }) private slider;
  contentScroll(e) {
    let sections = this.elementRef.nativeElement.querySelectorAll(
      "[class^=section]"
    );
    const header_height = (this.elementRef.nativeElement.querySelector(
      "ion-header"
    ) as HTMLElement).offsetHeight;
    for (let index = 0; index < sections.length; index++) {
      if (sections[index].getBoundingClientRect().bottom >= header_height) {
        this.slider.slideTo(index);
        this.current_tab = index;
        break;
      }
    }
  }

  //快速定位
  public slides: any[] = [
    "第一部分",
    "第二部分",
    "第三部分",
    "第四部分",
    "第五部分",
    "第六部分",
    "第七部分",
  ];

  //默认显示第一个tab
  public current_tab: any = 0;

  //页面状态
  public pageType:string;

  constructor(
    public route: ActivatedRoute,
    private elementRef: ElementRef,
  ) {
    
  }

  ngOnInit() {
  }

  ionViewDidEnter(){
     //取值
     this.route.queryParams.subscribe((data) => {
      this.pageType = data.type;
    });
  }

  changeCurrentTab(index: any) {
    this.current_tab = index;
    this.scrollIntoView(index);
  }

  scrollIntoView(id: string) {
    let element = this.elementRef.nativeElement.querySelector(`.section_${id}`);
    if (element) {
      element.scrollIntoView();
    }
  }
}
 
 

我这里只说针对我的问题以及我的解决办法：
 
 
因为使用windet过久之后会无意中点击了最下方栏中"--src"，如果这一栏没有了，双击sumatrapdf并不会反向定位到windet中。
 
 
 
 

sourcemap文件存储的是JS压缩前和压缩后的映射关系，map文件内容本身就是个json文件。
 
json格式如下：
    
 
 

  

     version 版本号
 
    sources存储的是各个依赖的子文件列表
     sourcesContent存储的是各个依赖的子文件源码
 
    其他几个字段暂时还没研究，不过暂时也不需要用到
  
 
    npm上有对应的sourcemap包，可以用于解析.map文件。代码如下：
     
 
var fs = require('fs'),
  path = require('path'),
  sourceMap = require('source-map')

// 要解析的map文件路径./test/vendor.8b1e40e47e1cc4a3533b.js.map
var GENERATED_FILE = path.join(
  '.',
  'test',
  'vendor.8b1e40e47e1cc4a3533b.js.map'
)
// 读取map文件，实际就是一个json文件
    var rawSourceMap = fs.readFileSync(GENERATED_FILE).toString();
    // 通过sourceMap库转换为sourceMapConsumer对象
    var consumer = await new sourceMap.SourceMapConsumer(rawSourceMap);
    // 传入要查找的行列数，查找到压缩前的源文件及行列数
    var sm = consumer.originalPositionFor({
        line: 2,  // 压缩后的行数
        column: 100086  // 压缩后的列数
      });
    // 压缩前的所有源文件列表
    var sources = consumer.sources;
    // 根据查到的source，到源文件列表中查找索引位置
    var smIndex = sources.indexOf(sm.source);
    // 到源码列表中查到源代码
    var smContent = consumer.sourcesContent[smIndex];
    // 将源代码串按"行结束标记"拆分为数组形式
    const rawLines = smContent.split(/\r?\n/g);
    // 输出源码行，因为数组索引从0开始，故行数需要-1
    console.log(rawLines[sm.line - 1]);
 
    最后输出了对应的行源码：
 

  
 
 

何志丹
 
 
利用VS2005 调试(F5) dump的体会：
 
1，int long 等看的到,char*看不到. 短std::string看的到，长std::string看不到。
 
2，pdb必须和dll一致，重新生成的不行。