Charger une page Web SPA via AJAX

j'essaie de récupérer une page Web entière en utilisant JavaScript en connectant L'URL. Cependant, le site web est construit comme une Application D'une seule Page (SPA) qui utilise JavaScript/colonne vertébrale.js pour charger dynamiquement la plupart de son contenu après avoir rendu la réponse initiale.

ainsi, par exemple, lorsque j'achemine vers l'adresse suivante:

https://connect.garmin.com/modern/activity/1915361012

puis entrez ceci dans la console (après que la page a été chargée):

var $page = $("html")
console.log("%c✔: ", "color:green;", $page.find(".inline-edit-target.page-title-overflow").text().trim());
console.log("%c✔: ", "color:green;", $page.find("footer .details").text().trim());

alors je vais obtenir le titre de l'activité chargé dynamiquement ainsi que le pied de page chargé statiquement:

cependant lorsque j'essaie de charger la page web via un appel AJAX avec $.get() ou .load() je ne vois que des livrées de la réponse initiale (le même que le contenu lors de la plus de vue-source):

view-source:https://connect.garmin.com/modern/activity/1915361012

donc si J'utilise L'un des AJAX suivants appels:

// jQuery.get()
var url = "https://connect.garmin.com/modern/activity/1915361012";
jQuery.get(url,function(data) {
    var $page = $("<div>").html(data)
    console.log("%c✖: ", "color:red;",   $page.find(".page-title").text().trim());
    console.log("%c✔: ", "color:green;", $page.find("footer .details").text().trim());
});

// jQuery.load()
var url = "https://connect.garmin.com/modern/activity/1915361012";
var $page = $("<div>")
$page.load(url, function(data) {
    console.log("%c✖: ", "color:red;",   $page.find(".page-title").text().trim()    );
    console.log("%c✔: ", "color:green;", $page.find("footer .details").text().trim());
});

je vais quand même obtenir le pied de page initial, mais je n'obtiendrai aucun des autres contenus de la page:

j'ai essayé solution icieval() le contenu de chaque script balise, mais qui n'apparaît pas suffisamment robuste pour charger la page:

jQuery.get(url,function(data) {
    var $page = $("<div>").html(data)
    $page.find("script").each(function() {
        var scriptContent = $(this).html(); //Grab the content of this tag
        eval(scriptContent); //Execute the content
    });
    console.log("%c✖: ", "color:red;",   $page.find(".page-title").text().trim());
    console.log("%c✔: ", "color:green;", $page.find("footer .details").text().trim());
});

Q: N'importe quelles options pour charger complètement une page Web qui sera raclable plus JavaScript?