Chrome отображается иначе, чем Chrome на другом компьютере - PullRequest
Новая
       3

Chrome отображается иначе, чем Chrome на другом компьютере

2 голосов
/ 05 февраля 2020

Возможно, я упускаю что-то очень очевидное, но почему-то Chrome на одной машине (клиент, Windows 10 ноутбук) не отображает / выводит часть кода, которая без проблем воспроизводится на других машинах (пробовал Chrome на Win7, Win10, MacOS, Centos8).

Меня просто вызвали, чтобы исправить реализацию CodeIgniter другими разработчиками - похоже, они использовали bootstrap. Все Javascript файлы в заголовке html загружаются нормально, так что это не проблема.

Вот как должно выглядеть как вышедший из системы (show [noauth] в красной полосе)

logged out

Вот как это должно выглядеть при входе в систему (показать вещи на красной полосе)

logged in

Однако компьютер клиента ничего не показывает на красной полосе.

Я проверил исходный код компьютера проблемного c компьютера и вышел из системы. Код меню прямо здесь, поэтому код сервера не проблема.

Выдержка из проблемного c источника браузера клиентского компьютера: 

<nav class="navbar navbar-expand navbar-topbar navbar-dark mk-header-toolbar">
  <div class="col mk-grid mx-auto">
    <div class="row">
      <div class="col-md-6 col-sm-9 d-none d-md-block d-sm-block">
        <ul class="navbar-nav mt-1" style='font-size: .75rem;'>
          <li class='nav-item'>
            <i class='fa fa-phone text-white'></i>
          </li>
          <li class='nav-item ml-2'>
            <a class='text-white' href='tel:+222'>222</a>
          </li>
          <li class='nav-item ml-2'>
            <a class='text-white' href='tel:+222'>222</a>
          </li>
          <li class='nav-item ml-2'>
            <i class='fa fa-envelope text-white'></i>
            <a class='ml-2 text-white' href="mailto:xxx">xxx</a>
          </li>
        </ul>
      </div>
      <div class="col-md-6 col-sm-3 mk-header-social">
        <ul class="navbar-nav d-flex flex-row-reverse">


          [noauth]
        </ul>
      </div>
    </div>
  </div>
</nav>

Может быть, есть еще одна причина, по которой "[noauth]" не будет отображаться ни на одной машине, а на всех других, которые я тестировал?

1 Ответ

0 голосов
/ 08 февраля 2020

Оказывается, класс mk-header-social был виновником. Я до сих пор не знаю, почему это так. Я сделал быстрый поиск в файлах. css, и к этому тегу подключено слишком много инструкций (меня наняли, чтобы исправить сайт, который предыдущий разработчик начал, но не закончил).

I В действительности, в зависимости от контекста, видимость устанавливается как скрытая или видимая, и они играют с непрозрачностью, поэтому поведение имеет смысл в этом отношении, хотя почему Chrome будет отображаться по-разному на разных машинах, все еще остается загадкой.

...