Как обрезать текст при маленьком разрешении вставив между многоточие ...

function cutTooLong(link){
    if( link.length > 25 ){
        link = link.match(/(.*)(..\..+?)$/);
                                                                           console.log( "link.match >> ", link );
        let cut = 25 - link[2].length;
                                                                           console.log( "cut: " + cut );
        link[1] = link[1].slice( 0, cut - 3 ) + "..." ;
                                                                            console.log( "link[1]: " + link[1] );
                                                                            console.log( "link[2]: " + link[2] );
        link = link[1] + link[2];
   }

    return link;
}

console.log( cutTooLong("someblablalblatestdevhost.ru") ); // someblablalblates...st.ru
console.log( cutTooLong("longteststringbubududu.moo.com") ); // longteststringbu...oo.com

________________

https://learn.javascript.ru/ - см. Регулярные выражения, Строки, Массивы.

var str = 'someblablalblatestdevhost.ru';
var s = 'devho'
var l = s.length;
var ind = str.indexOf(s);
str = str.split('');
str.splice(ind, l);
str.splice(ind, 0, '...');
alert(str.join(''));

const foo = (h, max = 24, min = 4) => {
 if (h.length <= Math.max(min, max -= 6)) return h;
 const re = new RegExp(`^([^.]{1,${max}})[^.]*?(..\\..+)$`);
 const [ok, part1, part2] = h.match(re) || [];
 return ok ? `${part1}...${part2}` : h;
};

let myStr = 'someblablalblatestdevhost.ru';
console.log(foo(myStr));
console.log(foo(myStr, 10));
console.log(foo('abc.de'));

Изи ведь, даже с доп. проверками.

можно рассплитить фразу на две так, чтобы справа оставалось n-символов, а потом два куска фразы отрендерить в отдельные блоки и первому через css поставить text-overflow: ellipsis, тогда при маленьких разрешениях будут добавляться точки в зависимости от того, сколько символов влазит слева, а при больших разрешениях будет отображаться нормально
https://jsfiddle.net/muhurov/qxaL7usg/4/