AnaelMobilia / NextINpact-Unofficial

Application Android "NextINpact (Unofficial)"
GNU General Public License v3.0
16 stars 4 forks source link

Article - image mal rendue dans un brief #317

Closed AnaelMobilia closed 4 months ago

AnaelMobilia commented 4 months ago

https://next.ink/brief_article/edge-permettra-bientot-de-definir-un-plafond-de-ram-a-ne-pas-depasser/

image

Contenu API :

<p>
    On doit à <a href="https://twitter.com/Leopeva64/status/1773100165114499555" target="_blank" rel="noreferrer noopener">Leopeva64</a> la découverte, dans le
    <a href="https://www.microsoft.com/en-us/edge/download/insider?form=MA13FJ" target="_blank" rel="noreferrer noopener">canal Canary du navigateur</a>, d’une nouvelle option permettant de définir une quantité de mémoire qu’Edge ne peut
    pas dépasser.
</p>
<p>
    Comme on peut le voir dans la capture, le réglage fonctionne par défaut quand un jeu est exécuté, pour s’assurer que la RAM reste surtout disponible pour ce dernier. On peut cependant sélectionner l’autre option, Edge l’appliquant alors
    en permanence.
</p>
<p>
    Bien sûr, limiter fortement la mémoire disponible pour un navigateur pourra entrainer un impact très négatif sur ses performances. Notez également que ce type de réglage n’est pas nouveau, puisqu’on le trouve notamment dans
    <a href="https://www.opera.com/fr/gx" target="_blank" rel="noreferrer noopener">Opera GX</a>, une version spécifique du navigateur destinée aux joueurs.
</p>
<figure
    data-wp-context='{ "core":     { "image":      {   "imageLoaded": false,       "initialized": false,       "lightboxEnabled": false,       "hideAnimationEnabled": false,       "preloadInitialized": false,       "lightboxAnimation": "zoom",       "imageUploadedSrc": "https://next.ink/wp-content/uploads/2024/03/GJtRM81WQAACGBY.png",       "imageCurrentSrc": "",       "targetWidth": "1997",       "targetHeight": "1007",       "scaleAttr": "",       "dialogLabel": "Image agrandie"      }     }    }'
    data-wp-interactive
    class="wp-block-image size-large wp-lightbox-container"
>
    <img
        width="1024"
        height="516"
        data-wp-effect--setStylesOnResize="effects.core.image.setStylesOnResize"
        data-wp-effect="effects.core.image.setButtonStyles"
        data-wp-init="effects.core.image.initOriginImage"
        data-wp-on--click="actions.core.image.showLightbox"
        data-wp-on--load="actions.core.image.handleLoad"
        style="display: block;"
        class="lazyload"
        data-sizes="auto"
        data-srcset="https://i2.wp.com/next.ink/wp-content/uploads/2024/03/GJtRM81WQAACGBY-1024x516.png?ssl=1?w=75&resize=75 75w, https://i2.wp.com/next.ink/wp-content/uploads/2024/03/GJtRM81WQAACGBY-1024x516.png?ssl=1?w=100&resize=100 100w, https://i2.wp.com/next.ink/wp-content/uploads/2024/03/GJtRM81WQAACGBY-1024x516.png?ssl=1?w=150&resize=150 150w, https://i2.wp.com/next.ink/wp-content/uploads/2024/03/GJtRM81WQAACGBY-1024x516.png?ssl=1?w=240&resize=240 240w, https://i2.wp.com/next.ink/wp-content/uploads/2024/03/GJtRM81WQAACGBY-1024x516.png?ssl=1?w=320&resize=320 320w, https://i2.wp.com/next.ink/wp-content/uploads/2024/03/GJtRM81WQAACGBY-1024x516.png?ssl=1?w=500&resize=500 500w, https://i2.wp.com/next.ink/wp-content/uploads/2024/03/GJtRM81WQAACGBY-1024x516.png?ssl=1?w=640&resize=640 640w, https://i2.wp.com/next.ink/wp-content/uploads/2024/03/GJtRM81WQAACGBY-1024x516.png?ssl=1?w=800&resize=800 800w, https://i2.wp.com/next.ink/wp-content/uploads/2024/03/GJtRM81WQAACGBY-1024x516.png?ssl=1?w=1024&resize=1024 1024w, https://i2.wp.com/next.ink/wp-content/uploads/2024/03/GJtRM81WQAACGBY-1024x516.png?ssl=1?w=1280&resize=1280 1280w, https://i2.wp.com/next.ink/wp-content/uploads/2024/03/GJtRM81WQAACGBY-1024x516.png?ssl=1?w=1600&resize=1600 1600w"
        data-src="https://i2.wp.com/next.ink/wp-content/uploads/2024/03/GJtRM81WQAACGBY-1024x516.png?ssl=1"
        alt=""
        class="wp-image-132935"
        srcset="
            https://next.ink/wp-content/uploads/2024/03/GJtRM81WQAACGBY-1024x516.png 1024w,
            https://next.ink/wp-content/uploads/2024/03/GJtRM81WQAACGBY-300x151.png   300w,
            https://next.ink/wp-content/uploads/2024/03/GJtRM81WQAACGBY-768x387.png   768w,
            https://next.ink/wp-content/uploads/2024/03/GJtRM81WQAACGBY-1536x775.png 1536w,
            https://next.ink/wp-content/uploads/2024/03/GJtRM81WQAACGBY-288x145.png   288w,
            https://next.ink/wp-content/uploads/2024/03/GJtRM81WQAACGBY.png          1997w
        "
        sizes="(max-width: 1024px) 100vw, 1024px"
    />
    <button
        class="lightbox-trigger"
        type="button"
        aria-haspopup="dialog"
        aria-label="Agrandir l‘image"
        data-wp-on--click="actions.core.image.showLightbox"
        data-wp-style--right="context.core.image.imageButtonRight"
        data-wp-style--top="context.core.image.imageButtonTop"
    >
        <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
            <path
                fill="#fff"
                d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z"
            />
        </svg>
    </button>
    <div
        data-wp-body=""
        class="wp-lightbox-overlay zoom"
        data-wp-bind--role="selectors.core.image.roleAttribute"
        data-wp-bind--aria-label="selectors.core.image.dialogLabel"
        data-wp-class--initialized="context.core.image.initialized"
        data-wp-class--active="context.core.image.lightboxEnabled"
        data-wp-class--hideAnimationEnabled="context.core.image.hideAnimationEnabled"
        data-wp-bind--aria-modal="selectors.core.image.ariaModal"
        data-wp-effect="effects.core.image.initLightbox"
        data-wp-on--keydown="actions.core.image.handleKeydown"
        data-wp-on--touchstart="actions.core.image.handleTouchStart"
        data-wp-on--touchmove="actions.core.image.handleTouchMove"
        data-wp-on--touchend="actions.core.image.handleTouchEnd"
        data-wp-on--click="actions.core.image.hideLightbox"
        tabindex="-1"
    >
        <button type="button" aria-label="Fermer" style="fill: #000;" class="close-button" data-wp-on--click="actions.core.image.hideLightbox">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" focusable="false"><path d="M13 11.8l6.1-6.3-1-1-6.1 6.2-6.1-6.2-1 1 6.1 6.3-6.5 6.7 1 1 6.5-6.6 6.5 6.6 1-1z"></path></svg>
        </button>
        <div class="lightbox-image-container">
            <figure class="wp-block-image size-large responsive-image">
                <img
                    data-wp-bind--src="context.core.image.imageCurrentSrc"
                    data-wp-style--object-fit="selectors.core.image.lightboxObjectFit"
                    style="display: block;"
                    class="lazyload"
                    data-sizes="auto"
                    data-srcset="context.core.image.imageCurrentSrc?w=75&resize=75 75w, context.core.image.imageCurrentSrc?w=100&resize=100 100w, context.core.image.imageCurrentSrc?w=150&resize=150 150w, context.core.image.imageCurrentSrc?w=240&resize=240 240w, context.core.image.imageCurrentSrc?w=320&resize=320 320w, context.core.image.imageCurrentSrc?w=500&resize=500 500w, context.core.image.imageCurrentSrc?w=640&resize=640 640w, context.core.image.imageCurrentSrc?w=800&resize=800 800w, context.core.image.imageCurrentSrc?w=1024&resize=1024 1024w, context.core.image.imageCurrentSrc?w=1280&resize=1280 1280w, context.core.image.imageCurrentSrc?w=1600&resize=1600 1600w"
                    data-src=""
                    alt=""
                    class="wp-image-132935"
                />
            </figure>
        </div>
        <div class="lightbox-image-container">
            <figure class="wp-block-image size-large enlarged-image">
                <img
                    data-wp-bind--src="selectors.core.image.enlargedImgSrc"
                    data-wp-style--object-fit="selectors.core.image.lightboxObjectFit"
                    style="display: block;"
                    class="lazyload"
                    data-sizes="auto"
                    data-srcset="selectors.core.image.enlargedImgSrc?w=75&resize=75 75w, selectors.core.image.enlargedImgSrc?w=100&resize=100 100w, selectors.core.image.enlargedImgSrc?w=150&resize=150 150w, selectors.core.image.enlargedImgSrc?w=240&resize=240 240w, selectors.core.image.enlargedImgSrc?w=320&resize=320 320w, selectors.core.image.enlargedImgSrc?w=500&resize=500 500w, selectors.core.image.enlargedImgSrc?w=640&resize=640 640w, selectors.core.image.enlargedImgSrc?w=800&resize=800 800w, selectors.core.image.enlargedImgSrc?w=1024&resize=1024 1024w, selectors.core.image.enlargedImgSrc?w=1280&resize=1280 1280w, selectors.core.image.enlargedImgSrc?w=1600&resize=1600 1600w"
                    data-src=""
                    alt=""
                    class="wp-image-132935"
                />
            </figure>
        </div>
        <div class="scrim" style="background-color: #fff;" aria-hidden="true"></div>
    </div>
</figure>

Contenu parseur :

<article>
 <h1>Edge permettra bientôt de définir un plafond de RAM à ne pas dépasser</h1><span></span>
 <p>On doit à <a href="https://twitter.com/Leopeva64/status/1773100165114499555">Leopeva64</a> la découverte, dans le <a href="https://www.microsoft.com/en-us/edge/download/insider?form=MA13FJ">canal Canary du navigateur</a>, d’une nouvelle option permettant de définir une quantité de mémoire qu’Edge ne peut pas dépasser.</p>
 <p>Comme on peut le voir dans la capture, le réglage fonctionne par défaut quand un jeu est exécuté, pour s’assurer que la RAM reste surtout disponible pour ce dernier. On peut cependant sélectionner l’autre option, Edge l’appliquant alors en permanence.</p>
 <p>Bien sûr, limiter fortement la mémoire disponible pour un navigateur pourra entrainer un impact très négatif sur ses performances. Notez également que ce type de réglage n’est pas nouveau, puisqu’on le trouve notamment dans <a href="https://www.opera.com/fr/gx">Opera GX</a>, une version spécifique du navigateur destinée aux joueurs.</p>
 <figure data-wp-context="{ "core":
                { "image":
                    {   "imageLoaded": false,
                        "initialized": false,
                        "lightboxEnabled": false,
                        "hideAnimationEnabled": false,
                        "preloadInitialized": false,
                        "lightboxAnimation": "zoom",
                        "imageUploadedSrc": "https://next.ink/wp-content/uploads/2024/03/GJtRM81WQAACGBY.png",
                        "imageCurrentSrc": "",
                        "targetWidth": "1997",
                        "targetHeight": "1007",
                        "scaleAttr": "",
                        "dialogLabel": "Image agrandie"
                    }
                }
            }" data-wp-interactive>
  <img width="1024" height="516" data-wp-effect--setstylesonresize="effects.core.image.setStylesOnResize" data-wp-effect="effects.core.image.setButtonStyles" data-wp-init="effects.core.image.initOriginImage" data-wp-on--click="actions.core.image.showLightbox" data-wp-on--load="actions.core.image.handleLoad" sizes="(max-width: 1024px) 100vw, 1024px" src="https://next.ink/wp-content/uploads/2024/03/GJtRM81WQAACGBY-1024x516.png"><button type="button" aria-haspopup="dialog" aria-label="Agrandir l‘image" data-wp-on--click="actions.core.image.showLightbox" data-wp-style--right="context.core.image.imageButtonRight" data-wp-style--top="context.core.image.imageButtonTop">
   <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
    <path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
   </svg></button>
  <div data-wp-body="" data-wp-bind--role="selectors.core.image.roleAttribute" data-wp-bind--aria-label="selectors.core.image.dialogLabel" data-wp-class--initialized="context.core.image.initialized" data-wp-class--active="context.core.image.lightboxEnabled" data-wp-class--hideanimationenabled="context.core.image.hideAnimationEnabled" data-wp-bind--aria-modal="selectors.core.image.ariaModal" data-wp-effect="effects.core.image.initLightbox" data-wp-on--keydown="actions.core.image.handleKeydown" data-wp-on--touchstart="actions.core.image.handleTouchStart" data-wp-on--touchmove="actions.core.image.handleTouchMove" data-wp-on--touchend="actions.core.image.handleTouchEnd" data-wp-on--click="actions.core.image.hideLightbox" tabindex="-1">
   <button type="button" aria-label="Fermer" data-wp-on--click="actions.core.image.hideLightbox">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" focusable="false">
     <path d="M13 11.8l6.1-6.3-1-1-6.1 6.2-6.1-6.2-1 1 6.1 6.3-6.5 6.7 1 1 6.5-6.6 6.5 6.6 1-1z" />
    </svg></button>
   <div>
    <figure>
     <img data-wp-bind--src="context.core.image.imageCurrentSrc" data-wp-style--object-fit="selectors.core.image.lightboxObjectFit" src="">
    </figure>
   </div>
   <div>
    <figure>
     <img data-wp-bind--src="selectors.core.image.enlargedImgSrc" data-wp-style--object-fit="selectors.core.image.lightboxObjectFit" src="">
    </figure>
   </div>
   <div aria-hidden="true"></div>
  </div>
 </figure>
 <footer>
  Par l'équipe Next - actu@nextinpact.com
  <br>
  <br>
  Article publié sur <a href="https://next.ink/brief_article/edge-permettra-bientot-de-definir-un-plafond-de-ram-a-ne-pas-depasser/">https://next.ink/brief_article/edge-permettra-bientot-de-definir-un-plafond-de-ram-a-ne-pas-depasser/</a> le vendredi 29 mars 2024
 </footer>
</article>