Я не можу зробити цю маленьку функцію, яка колись була там у Firefox.

3D-кнопка, яка була там у більш ранній версії інструментів для розробників, вже немає, і я ніде не можу знайти жодної сліду цієї функції. Якщо він все ще є, як це зробити?

Від Firefox 47 далі вбудований 3D-перегляд більше не доступний.

Є доповнення, яке пропонує таку ж функціональність: Tilt 3D .

Примітка: як і вбудована версія, надбудова не працює у багатопроцесорному Firefox.

Нахил 3D не сумісний з Firefox Quantum.

До тих пір, поки Firefox версії 47: Якщо ви клацніть правою кнопкою миші та виберіть "Оглянути елемент", а потім натисніть значок шестірні в лівій частині меню панелі інструментів, ви побачите "Доступні кнопки панелі інструментів", під яким відображається "Перегляд 3D".

Якщо натиснути це, додасте в піктограму інструментів нову піктограму, яка при натисканні відобразить перегляд 3D-дому.

Перейти: Налаштування-> Зніміть прапорець "Увімкнути багатопроцесорну версію для розробників Firefox"

Перезавантажте Firefox

Перейдіть: Панель інструментів для розробників [Параметри поля інструментів], прапорець "Перегляд 3D" тепер має відображатися в розділі "Доступні кнопки панелі інструментів", переконайтеся, що це встановлено, і ви добре.

Оновлення : її видалено з FF 47 далі, але вона доступна в додатку .

Здається, оновлення FF можуть відключити це. FF 38 змінив розташування значка налаштувань.

Firefox 38 - куб і гвинтик праворуч:

Я знаю, що це питання стосується FireFox, але ви можете отримати цю функцію і в Chrome (Firefox не дозволить вставляти JS як закладку):

Додайте цей код JavaScript як URL-адресу закладок:

javascript:void function(b,p)%7Bfunction l(k,c,b,e,g,d,f)%7Breturn"<div style%3D%27position:absolute%3B-webkit-transform-origin: 0 0 0%3B"%2B("background:"%2Bf%2B"%3B")%2B("width:"%2Be%2B"px%3B height:"%2Bg%2B"px%3B")%2B("-webkit-transform:"%2B("translate3d("%2Bk%2B"px,"%2Bc%2B"px,"%2Bb%2B"px)")%2B("rotateX(270deg) rotateY("%2Bd%2B"deg)")%2B"%3B")%2B"%27></div>"%7Dfunction o(k,c,d,f)%7Bfor(var j%3Dk.childNodes,n%3Dj.length,m%3D0%3Bm<n%3Bm%2B%2B)%7Bvar a%3Dj%5Bm%5D%3Bif(1%3D%3D%3Da.nodeType)%7Ba.style.overflow%3D"visible"%3Ba.style.WebkitTransformStyle%3D"preserve-3d"%3Ba.style.WebkitTransform%3D"translateZ("%2B(b%2B(n-m)*q).toFixed(3)%2B"px)"%3Bvar h%3Dd,i%3Df%3Ba.offsetParent%3D%3D%3Dk%26%26(h%2B%3Dk.offsetLeft,i%2B%3Dk.offsetTop)%3Bo(a,c%2B1,h,i)%3Be%2B%3Dl(h%2Ba.offsetLeft,i%2Ba.offsetTop,(c%2B1)*b,a.offsetWidth,b,0,g%5Bc%25(g.length-1)%5D)%3Be%2B%3Dl(h%2Ba.offsetLeft%2Ba.offsetWidth,i%2Ba.offsetTop,(c%2B1)*b,a.offsetHeight,b,270,g%5Bc%25(g.length-1)%5D)%3Be%2B%3Dl(h%2Ba.offsetLeft,i%2Ba.offsetTop%2Ba.offsetHeight,(c%2B1)*b,a.offsetWidth,b,0,g%5Bc%25(g.length-1)%5D)%3Be%2B%3Dl(h%2Ba.offsetLeft,i%2Ba.offsetTop,(c%2B1)*b,a.offsetHeight,b,270,g%5Bc%25(g.length-1)%5D)%7D%7D%7Dvar g%3D"%23C33,%23ea4c88,%23663399,%230066cc,%23669900,%23ffcc33,%23ff9900,%23996633".split(","),q%3D0.001,e%3D"",d%3Ddocument.body%3Bd.style.overflow%3D"visible"%3Bd.style.WebkitTransformStyle%3D"preserve-3d"%3Bd.style.WebkitPerspective%3Dp%3Bvar r%3D(window.innerWidth/2).toFixed(2),s%3D(window.innerHeight/2).toFixed(2)%3Bd.style.WebkitPerspectiveOrigin%3Dd.style.WebkitTransformOrigin%3Dr%2B"px "%2Bs%2B"px"%3Bo(d,0,0,0)%3Bvar f%3Ddocument.createElement("DIV")%3Bf.style.display%3D"none"%3Bf.style.position%3D"absolute"%3Bf.style.top%3D0%3Bf.innerHTML%3De%3Bd.appendChild(f)%3Bvar j%3D"NO_FACES"%3Bdocument.addEventListener("mousemove",function(b)%7Bif("DISABLED"!%3D%3Dj)%7Bvar c%3Db.screenX/screen.width,b%3D(360*(1-b.screenY/screen.height)-180).toFixed(2),c%3D(360*c-180).toFixed(2)%3Bd.style.WebkitTransform%3D"rotateX("%2Bb%2B"deg) rotateY("%2Bc%2B"deg)"%7D%7D,!0)%3Bdocument.addEventListener("mouseup",function()%7Bswitch(j)%7Bcase "NO_FACES":j%3D"FACES"%3Bf.style.display%3D""%3Bbreak%3Bcase "FACES":j%3D"NO_FACES",f.style.display%3D"none"%7D%7D,!0)%7D(25,5E3)%3B

Після додавання натисніть закладку на будь-якому веб-сайті. Ви можете натиснути, щоб показати контури та перетягнути для перегляду, як у Firefox.

Firefox 46.0 ще можна завантажити тут: https://ftp.mozilla.org/pub/firefox/releases/46.0/

І нахил 3D- модуля тут (від Firefox 46.0): https://addons.mozilla.org/en-US/firefox/addon/tilt/

Перегляд візуалізації здається кращим із нахилом 3D, ніж із нативним 3D-переглядом із Інструментів веб-розробників:

Порівняння екрана між нахилом 3D та 3D View

Погляньте на браузер Microsofts Edge.

У мене версія 79.0.283.0 (Офіційна збірка) canary (64-розрядна) . Введіть edge://flags/в адресний рядок і ввімкніть експерименти Інструменти для розробників . Відкрийте інструменти для розробників і натисніть Control + Shift + P та пошукові експерименти та знайдіть Увімкнути 3D-перегляд DOM .

Тепер ви можете використовувати Ctrl + Shift + P > DOM 3D View .

Це не рішення Firefox, але воно працювало на мене.

Я дізнався про це тут .

Він пішов після версії 46. Рішення для цього - в Google "завантажити Firefox 46". Установіть цю версію та перейменуйте її (на Mac) на щось на зразок firefox-45, щоб зберегти оновлену версію. Запустіть версію 45 та вимкніть автоматичні оновлення. Тепер ви можете ввімкнути тривимірний перегляд і переглянути сторінку в 3D і нахилити її.

Сподіваюся, що працює для вас.